-
Notifications
You must be signed in to change notification settings - Fork 1
/
mainpage.html
156 lines (134 loc) · 6.88 KB
/
mainpage.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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="mainpage.css">
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
<title>Movie</title>
</head>
<body>
<ul class="ul">
<li class="li" id="Moviecenter"><a href="mainpage.html">MOVIECENTER</a></li>
<li class="li" id="search"><a href="">SEARCH</a></li> <! Here it will become search input>
<li class="li" id="home"><a href="mainpage.html">HOME</a></li>
<li class="li" id="movie"><a href="mainpage.html">MOVIE</a></li>
<li class="li" id="tvshow"><a href="mainpage.html">TV SHOW</a> </li>
</ul>
<br>
<h2 class="headers">Trending</h2>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="movieinfo/fightclub.html" id="fightclub"><img class="img" src="img/trending/i10.jpg"> Fight Club </a>
</div>
<div class="swiper-slide">
<a href="movieinfo/aquietplace.html" id="aquietplace"><img class="img" src="img/trending/i4.jpg">Quiet Place</a>
</div>
<div class="swiper-slide">
<a href="movieinfo/thelastjedi.html" id="thelastjedi"><img class="img" src="img/trending/i7.jpg"> The Last Jedi </a>
</div>
<div class="swiper-slide">
<a href="movieinfo/thelastsamurai.html" id="thelastsamurai"><img class="img" src="img/trending/i5.jpg"> The Last Samurai </a>
</div>
<div class="swiper-slide">
<a href="movieinfo/returnoftheking.html" id="returnoftheking"><img class="img" src="img/trending/i8.jpg"> Return of the King </a>
</div>
<div class="swiper-slide">
<a href="movieinfo/edgeoftomorrow.html" id="edgeoftomorrow"><img class="img" src="img/trending/i9.jpg"> Edge of Tomorrow </a>
</div>
<div class="swiper-slide">
<a href="" id="interstellar"><img class="img" src="img/trending/i1.jpg"> Interstellar </a>
</div>
<div class="swiper-slide">
<a href="" id="inception"><img class="img" src="img/trending/i2.jpg"> Inception </a>
</div>
<div class="swiper-slide">
<a href="" id="bladerunner2049"><img class="img" src="img/trending/i6.jpg"> Blade Runner 2049 </a>
</div>
<div class="swiper-slide">
<a href="" id="nocturnalanimals"><img class="img" src="img/trending/i3.jpg"> Nocturnal Animals </a>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<br>
<h2 class="headers">Upcoming</h2>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="" id="parasite"><img class="img" src="img/upcoming/i12.jpg"> Parasite </a>
</div>
<div class="swiper-slide">
<a href="" id="tenet"><img class="img" src="img/upcoming/i13.jpg"> Tenet </a>
</div>
<div class="swiper-slide">
<a href="" id="extraction"><img class="img" src="img/upcoming/i14.jpg"> Extraction </a>
</div>
<div class="swiper-slide">
<a href="" id="theplatform"><img class="img" src="img/upcoming/i15.jpg"> The Platform </a>
</div>
<div class="swiper-slide">
<a href="" id="soundofmetal"><img class="img" src="img/upcoming/i16.jpg"> Sound of Metal </a>
</div>
<div class="swiper-slide">
<a href="" id="ww84"><img class="img" src="img/upcoming/i17.jpg"> Wonder Woman 1984 </a>
</div>
<div class="swiper-slide">
<a href="" id="mulan"><img class="img" src="img/upcoming/i18.jpg"> Mulan </a>
</div>
<div class="swiper-slide">
<a href="" id="underwater"><img class="img" src="img/upcoming/i19.jpg"> Underwater </a>
</div>
<div class="swiper-slide">
<a href="" id="invisibleman"><img class="img" src="img/upcoming/i20.jpg"> Invisible Man </a>
</div>
<div class="swiper-slide">
<a href="" id="dune"><img class="img" src="img/upcoming/i11.jpg"> Dune </a>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<br>
<h2 class="headers">IMDB List</h2>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="" id="thesredemp"><img class="img" src="img/imdblist/i21.jpg"> The Shawshank Redemption </a>
</div>
<div class="swiper-slide">
<a href="" id="thgodfather"><img class="img" src="img//imdblist/i22.jpg"> The GodFather </a>
</div>
<div class="swiper-slide">
<a href="" id="thegodfather2"><img class="img" src="img//imdblist/i23.jpg"> The GodFather 2 </a>
</div>
<div class="swiper-slide">
<a href="" id="thedarkknight"><img class="img" src="img//imdblist/i24.jpg"> The Dark Knight </a>
</div>
<div class="swiper-slide">
<a href="" id="12angrymen"><img class="img" src="img//imdblist/i25.jpg"> 12 Angry Men </a>
</div>
<div class="swiper-slide">
<a href="" id="schindlerslist"><img class="img" src="img//imdblist/i26.jpg"> Schindler's List </a>
</div>
<div class="swiper-slide">
<a href="" id="returnoftheking"><img class="img" src="img//imdblist/i27.jpg"> LOTR Return of the King </a>
</div>
<div class="swiper-slide">
<a href="" id="pulpfiction"><img class="img" src="img//imdblist/i28.jpg"> Pulp Fiction </a>
</div>
<div class="swiper-slide">
<a href="" id="goodbadugly"><img class="img" src="img//imdblist/i29.jpg"> The Good The Bad The Ugly</a>
</div>
<div class="swiper-slide">
<a href="" id="fellowshipofthering"><img class="img" src="img//imdblist/i30.jpg"> LOTR The Fellowship of the Ring </a>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<script src="https://unpkg.com/swiper/swiper-bundle.js"></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script src="mainpage.js"></script>
</body>
</html>