KINOKU/detail_kny.html at main · ToshikoKanna/KINOKU · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>KINOBOX</title>
  <link href='https://cdn.boxicons.com/fonts/basic/boxicons.min.css' rel='stylesheet'>
  <link rel="stylesheet" href="detail.css">
</head>

<body>
  <header class="navbar">
    <div class="navbar-container">
      <div class="logo-container">
        <h1 class="logo">KINOBOX</h1>
      </div>
      <div class="menu-container">
        <ul class="menu-list">
          <a href="homepage.html" style="text-decoration: none; color: white;"><li class="menu-list-item active">Home</li></a>
        </ul>
      </div>
      <div class="genre-dropdown">
        <button class="genre-btn">Genres ▼</button>
        <div class="genre-menu">
          <a href="#">Action</a>
          <a href="#">Anime</a>
          <a href="#">Classics</a>
          <a href="#">Comedies</a>
          <a href="#">Crime</a>
          <a href="#">Documentaries</a>
          <a href="#">Dramas</a>
          <a href="#">Fantasy</a>
          <a href="#">Halloween</a>
          <a href="#">Hollywood</a>
          <a href="#">Horror</a>
          <a href="#">Family</a>
          <a href="#">Korean</a>
          <a href="#">Musicals</a>
          <a href="#">Romance</a>
          <a href="#">Sci-Fi</a>
          <a href="#">Sports</a>
          <a href="#">Thriller</a>
        </div>
      </div>

      <div class="profile-container">
        <div class="search-box">
          <input type="text" id="searchInput" placeholder="Search..." />
          <i class="fa fa-search"></i>
        </div>
        <img class="profile-picture" src="img/wonwoo.jpeg" alt="" />
      </div>
    </div>
  </header>
  <section class="film-wrapper">
    <iframe width="95%" height="500px" src="https://www.youtube.com/embed/5EqVDyqhMko?si=v3UTLFEHgaG2U2my"   frameborder="0" allowfullscreen></iframe>
    </iframe>
  </section>
  <section class="film-detail">
    <h2>Kimetsu No Yaiba (Infinity Castle) (2025)</h2>
    <span class="film-detail-all">
      <div class="rating-detail-film">
        <i class='bxr  bx-star'></i>
        <p>Rating</p>
      </div>
      <div class="vertical-line-detail-film"></div>
      <p>Kategori Film</p>
      <div class="vertical-line-detail-film"></div>
      <p>Durasi Film</p>
    </span>
    <div class="genre-container-film">
      <div class="genre-box">Japan</div>
      <div class="genre-box">Anime</div>
      <div class="genre-box">Fantasy</div>
    </div>
    <div class="film-synopsis">
      <p>setan slayer</p>
    </div>
  </section>
  <section class="review-film">
    <h3>Review Film</h3>
    <div class="review-user">
      <img class="profile-picture-user" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQdqnxSOaMToyaETRcjNxwWqBAtYgb_CDGkaA&s" alt="">
      <div class="review-content-user">
        <p class="username">Douma</p>
        <p class="time">2 minggu</p>
        <p class="comment">yorobun oneureun mukbangen Shinobu Kocho yare</p>
      </div>
    </div>
  </section>


</body>

</html>