-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
60 lines (47 loc) · 2 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1> NOTFLIX </h1>
</header>
<div class="moviePage display-none">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/24/Open_Iconic_circle_x.svg/1024px-Open_Iconic_circle_x.svg.png" class="movieCloseButton">
<div class="moviePageCard">
<h2 class="movieTitle">Guardians of the Galaxy</h2>
<img src="https://m.media-amazon.com/images/M/MV5BNjM0NTc0NzItM2FlYS00YzEwLWE0YmUtNTA2ZWIzODc2OTgxXkEyXkFqcGdeQXVyNTgwNzIyNzg@._V1_SX300.jpg" class="moviePoster">
<div class="movieInfoContainer">
<div class="movieInfo">
<p class="spanContainer">
<span class="movieRated">PG-13</span>
<span class="movieYear">2020</span>
<span class="movieGenre">Action</span>
</p>
</div>
<div class="movieInfo">
<p><span class="movieActors">Chris Pratt, Zoe Saldana</span></p>
</div>
</div>
<div class="movieRatingsContainer">
</div>
</div>
</div>
</div>
<form>
<input type="text" class="search" placeholder="find a movie"></input>
<div>
<button class="prevButton">PREVIOUS</button>
<button type="submit" class="searchButton">SEARCH</button>
<button class="nextButton">NEXT</button>
</div>
</form>
<p class="error display-none"></p>
<div class="container searchContainer">
</div>
<div class="container fillContainer">
</div>
</body>
<script src="script.js"></script>
</html>