-
Notifications
You must be signed in to change notification settings - Fork 0
/
play-page.html
122 lines (122 loc) · 5.44 KB
/
play-page.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charsett="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scaler=1.0">
<title>Jumanji: Welcome to the Jungle</title>
<link rel="stylesheet" href="style.css">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<header>
<div class="nav container">
<a href="index.html" class="logo">
Movie<span>Vel</span>
</a>
<div class="search-box">
<input type="search" name="" id="search-input" placeholder="Search Movie">
<i class='bx bx-search'></i>
</div>
<a href="#" class="user">
<img src="img/user.jpg" alt="" class="user-img">
</a>
<div class="navbar">
<a href="index.html" class="nav-link nav-active">
<i class='bx bx-home' ></i>
<span class="nav--link-title">Home</span>
</a>
<a href="#home" class="nav-link">
<i class='bx bxs-hot'></i>
<span class="nav--link-title">Trending</span>
</a>
<a href="#home" class="nav-link">
<i class='bx bx-compass' ></i>
<span class="nav--link-title">Explore</span>
</a>
<a href="#home" class="nav-link">
<i class='bx bx-tv' ></i>
<span class="nav--link-title">Movies</span>
</a>
<a href="#home" class="nav-link">
<i class='bx bx-heart' ></i>
<span class="nav--link-title">Favourite</span>
</a>
</div>
</div>
</header>
<div class="play-container container">
<img src="play-page/play-background.jpg" alt="" class="play-img">
<div class="play-text">
<h2>Jumanji: Welcome to the Jungle</h2>
<div class="rating">
<i class='bx bxs-star' ></i>
<i class='bx bxs-star' ></i>
<i class='bx bxs-star' ></i>
<i class='bx bxs-star' ></i>
<i class='bx bxs-star-half' ></i>
<div class="tags">
<span>Action</span>
<span>Adventure</span>
<span>4K</span>
</div>
<a href="#" class="watch-btn">
<i class='bx bx-right-arrow' ></i>
<span>Watch the trailer</span>
</a>
</div>
</div>
<i class='bx bx-right-arrow play-movie' ></i>
<div class="video-container">
<div class="video-box">
<video id="myvideo" src="play-page/Jumanji.mp4" controls></video>
<i class='bx bx-x close-video' ></i>
</div>
</div>
</div>
<div class="about-movie container">
<h2>Jumanji: Welcome to the Jungle</h2>
<p>When four student play with the magical vidoe game, they are drawn to the Jungle world of Jumanji, where they are trapped as their avatars. To return to the real world, they must finish the game.</p>
<h2 class="cast-heading">Movie Cast</h2>
<div class="cast">
<div class="cast-box">
<img src="play-page/cast1.jpg" alt="" class="cast-img">
<span class="cast-title">Dwanye Johnson</span>
</div>
<div class="cast-box">
<img src="play-page/cast2.jpg" alt="" class="cast-img">
<span class="cast-title">Karen Gillian</span>
</div>
<div class="cast-box">
<img src="play-page/cast3.jpg" alt="" class="cast-img">
<span class="cast-title">Kevin Hart</span>
</div>
<div class="cast-box">
<img src="play-page/cast4.jpg" alt="" class="cast-img">
<span class="cast-title">Jack Black</span>
</div>
<div class="cast-box">
<img src="play-page/cast5.jpg" alt="" class="cast-img">
<span class="cast-title">Nick Jonas</span>
</div>
<div class="cast-box">
<img src="play-page/cast6.jpg" alt="" class="cast-img">
<span class="cast-title">Madison Iseman</span>
</div>
</div>
</div>
<div class="download">
<div class="download-title">Download Movie</div>
<div class="download-links">
<a href="play-page/Jumanji.mp4" download>480p</a>
<a href="play-page/Jumanji.mp4" download>720p</a>
<a href="play-page/Jumanji.mp4" download>1080p</a>
</div>
</div>
<div class="copyright">
<p>© CarpoolVenom All Right Reserved</p>
</div>
<script src="swiper-bundle.min.js"></script>
<script src="script.js"></script>
</body>
</html>