Nia Kania Dewi

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Nia Kania Dewi Starter Pack</title>

  <style>

    body {

      font-family: Arial, sans-serif;

      background: #f4f4f4;

      display: flex;

      justify-content: center;

      align-items: center;

      height: 100vh;

      margin: 0;

    }

    .action-figure-box {

      width: 400px;

      height: 600px;

      background: #fff;

      border: 2px solid #ccc;

      border-radius: 10px;

      position: relative;

      box-shadow: 0 4px 10px rgba(0,0,0,0.2);

    }

    .box-top-hole {

      width: 50px;

      height: 10px;

      background: #ccc;

      border-radius: 5px;

      position: absolute;

      top: 10px;

      left: 50%;

      transform: translateX(-50%);

    }

    .box-title {

      text-align: center;

      font-size: 24px;

      font-weight: bold;

      margin-top: 20px;

    }

    .box-subtitle {

      text-align: center;

      font-size: 16px;

      color: #888;

      margin-bottom: 20px;

    }

    .figure-container {

      width: 90%;

      height: 75%;

      margin: 0 auto;

      background: linear-gradient(120deg, #f7f7f7, #ececec);

      border: 1px solid #ddd;

      border-radius: 10px;

      overflow: hidden;

      display: flex;

      flex-direction: column;

      justify-content: space-between;

      align-items: center;

      padding: 10px;

    }

    .figure {

      width: 200px;

      height: 300px;

      background: url('figure-placeholder.jpg') no-repeat center;

      background-size: cover;

      border-radius: 10px;

      border: 2px solid #bbb;

    }

    .accessories {

      display: flex;

      justify-content: space-between;

      width: 100%;

      padding-top: 10px;

    }

    .accessory {

      width: 70px;

      height: 70px;

      background: #f9f9f9;

      border: 1px solid #ccc;

      border-radius: 10px;

      display: flex;

      justify-content: center;

      align-items: center;

      font-size: 12px;

      text-align: center;

      color: #555;

    }

  </style>

</head>

<body>

  <div class="action-figure-box">

    <div class="box-top-hole"></div>

    <div class="box-title">Nia Kania Dewi Starter Pack</div>

    <div class="box-subtitle">Limited Edition</div>

    <div class="figure-container">

      <div class="figure"></div>

      <div class="accessories">

        <div class="accessory">Lanyard</div>

        <div class="accessory">Laptop</div>

        <div class="accessory">Camera</div>

        <div class="accessory">Coffee</div>

      </div>

    </div>

  </div>

</body>

</html>