Skip to content

Commit dbce2a4

Browse files
ToshikoKannaToshikoKanna
authored
detail_film4.html
1 parent bf852ad commit dbce2a4

1 file changed

Lines changed: 96 additions & 0 deletions

File tree

‎detail_film4.html‎

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>KINOBOX</title>
8+
<link href='https://cdn.boxicons.com/fonts/basic/boxicons.min.css' rel='stylesheet'>
9+
<link rel="stylesheet" href="detail.css">
10+
</head>
11+
12+
<body>
13+
<header class="navbar">
14+
<div class="navbar-container">
15+
<div class="logo-container">
16+
<h1 class="logo">KINOBOX</h1>
17+
</div>
18+
<div class="menu-container">
19+
<ul class="menu-list">
20+
<a href="homepage.html" style="text-decoration: none; color: white;"><li class="menu-list-item active">Home</li></a>
21+
</ul>
22+
</div>
23+
<div class="genre-dropdown">
24+
<button class="genre-btn">Genres ▼</button>
25+
<div class="genre-menu">
26+
<a href="#">Action</a>
27+
<a href="#">Anime</a>
28+
<a href="#">Classics</a>
29+
<a href="#">Comedies</a>
30+
<a href="#">Crime</a>
31+
<a href="#">Documentaries</a>
32+
<a href="#">Dramas</a>
33+
<a href="#">Fantasy</a>
34+
<a href="#">Halloween</a>
35+
<a href="#">Hollywood</a>
36+
<a href="#">Horror</a>
37+
<a href="#">Family</a>
38+
<a href="#">Korean</a>
39+
<a href="#">Musicals</a>
40+
<a href="#">Romance</a>
41+
<a href="#">Sci-Fi</a>
42+
<a href="#">Sports</a>
43+
<a href="#">Thriller</a>
44+
</div>
45+
</div>
46+
47+
<div class="profile-container">
48+
<div class="search-box">
49+
<input type="text" id="searchInput" placeholder="Search..." />
50+
<i class="fa fa-search"></i>
51+
</div>
52+
<img class="profile-picture" src="img/wonwoo.jpeg" alt="" />
53+
</div>
54+
</div>
55+
</header>
56+
<section class="film-wrapper">
57+
<iframe width="95%" height="500px" src="https://www.youtube.com/embed/5EqVDyqhMko?si=v3UTLFEHgaG2U2my" frameborder="0" allowfullscreen></iframe>
58+
</iframe>
59+
</section>
60+
<section class="film-detail">
61+
<h2>Kimetsu No Yaiba (Infinity Castle) (2025)</h2>
62+
<span class="film-detail-all">
63+
<div class="rating-detail-film">
64+
<i class='bxr bx-star'></i>
65+
<p>Rating</p>
66+
</div>
67+
<div class="vertical-line-detail-film"></div>
68+
<p>Kategori Film</p>
69+
<div class="vertical-line-detail-film"></div>
70+
<p>Durasi Film</p>
71+
</span>
72+
<div class="genre-container-film">
73+
<div class="genre-box">Japan</div>
74+
<div class="genre-box">Anime</div>
75+
<div class="genre-box">Fantasy</div>
76+
</div>
77+
<div class="film-synopsis">
78+
<p>setan slayer</p>
79+
</div>
80+
</section>
81+
<section class="review-film">
82+
<h3>Review Film</h3>
83+
<div class="review-user">
84+
<img class="profile-picture-user" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQdqnxSOaMToyaETRcjNxwWqBAtYgb_CDGkaA&s" alt="">
85+
<div class="review-content-user">
86+
<p class="username">Douma</p>
87+
<p class="time">2 minggu</p>
88+
<p class="comment">yorobun oneureun mukbangen Shinobu Kocho yare</p>
89+
</div>
90+
</div>
91+
</section>
92+
93+
94+
</body>
95+
96+
</html>

0 commit comments

Comments
 (0)