├── README.md
├── img
├── 23.jpg
└── 31bb72c571f9fd43a7110dc371839d57.jpg
├── index.js
├── index.css
└── index.html
/README.md:
--------------------------------------------------------------------------------
1 | # Sh-movie-
--------------------------------------------------------------------------------
/img/23.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abdumannobovshohruh/Sh-movie-/HEAD/img/23.jpg
--------------------------------------------------------------------------------
/img/31bb72c571f9fd43a7110dc371839d57.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abdumannobovshohruh/Sh-movie-/HEAD/img/31bb72c571f9fd43a7110dc371839d57.jpg
--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 | const API_URL ='https://api.themoviedb.org/3/discover/movie?sort_by=popularity.desc&api_key=3fd2be6f0c70a2a598f084ddfb75487c&page=1'
2 | const IGM_PATH ='https://image.tmdb.org/t/p/w1280'
3 |
4 |
5 |
6 | let a = fetch ('API_URL')
7 |
8 |
9 |
10 |
11 |
12 | console.log(a);
--------------------------------------------------------------------------------
/index.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin: 0;
3 | padding: 0;
4 | list-style: none;
5 | }
6 | body{
7 | background: url(img/23.jpg);
8 | background-repeat: no-repeat;
9 | background-size: cover;
10 | background-attachment: fixed;
11 | }
12 | .list{
13 | display: flex;
14 | justify-content: end;
15 | padding-top: 5px;
16 | }
17 | .list_iteam{
18 | padding-left: 20px;
19 | }
20 | nav{
21 | padding-top: 20px;
22 | background: rgba(138, 0, 0, .7 );
23 | padding-bottom: 10px;
24 | color: white;
25 | }
26 | .textname{
27 | text-align: center;
28 | padding-top: 10px;
29 | color: white;
30 | background: rgba(138, 0, 0, .7 );
31 | padding-bottom: 10px;
32 | }
33 | .carditeam{
34 | margin-top: 50px;
35 | position: relative;
36 | }
37 | .hoverposition{
38 | width: 100%;
39 | height: 100%;
40 | background: red;
41 | position: absolute;
42 | top: 0;
43 | /* display: none; */
44 | background: rgba(0, 0, 0, .7 );
45 | transform: scaleX(0);
46 | }
47 | .carditeam:hover .hoverposition{
48 | transform: scaleX(1);
49 | transition: 1s;
50 |
51 | }
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 | Bootstrap demo
10 |
11 |
12 |
13 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
Harry Potter
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
Harry Potter
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
Harry Potter
62 |
63 |
64 |
65 |
66 |