<!--
--  Uploaded on : https://haxor.my.id/open/Dikzzstore.html
--  Official Web : https://prinsh.com
--  script-deface-generator.prinsh.com
-->
<!DOCTYPE html><html lang="id">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Dikzzstore</title>
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: #0d0d0d;
  color: #e0e0e0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 20px;
}

.container {
  background-color: #1a1a1a;
  padding: 30px;
  border-radius: 12px;
  width: 100%;
  max-width: 420px;
  box-shadow: 0 0 10px rgba(0, 255, 255, 0.15);
  text-align: center;
}

h1 {
  font-size: 1.8em;
  color: #00ffff;
  margin-bottom: 20px;
}

.payment-info p {
  margin: 12px 0;
  font-size: 1em;
}

.payment-info span {
  font-weight: 600;
}

button {
  margin-left: 10px;
  padding: 6px 12px;
  font-size: 0.9em;
  border: none;
  border-radius: 6px;
  background-color: #00ffff;
  color: #000;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s;
}

button:hover {
  background-color: #00c3ff;
}

.qr-button {
  margin-top: 25px;
}

#image {
  display: none;
  margin: 20px auto 0;
  max-width: 100%;
  width: 300px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.4);
  background-color: #fff;
  padding: 10px;
}

  </style>
</head>
<body>
  <div class="container">
    <h1>Dikzzstore Payment</h1>
    <div class="payment-info">
      <p>Dana: <span id="dana">081999424621</span><button onclick="copyText('dana')">Salin</button></p>
      <p>Gopay: <span id="gopay">081999424621</span><button onclick="copyText('gopay')">Salin</button></p>
      <p>OVO: <span id="ovo">081999424621</span><button onclick="copyText('ovo')">Salin</button></p>
  </div>  <script>
    function toggleImage() {
      const img = document.getElementById('image');
      img.style.display = img.style.display === 'block' ? 'none' : 'block';
    }

    function copyText(id) {
      const span = document.getElementById(id);
      const text = span.innerText;
      const textarea = document.createElement("textarea");
      textarea.value = text;
      document.body.appendChild(textarea);
      textarea.select();
      document.execCommand("copy");
      document.body.removeChild(textarea);
      alert(`Nomor ${id.toUpperCase()} berhasil disalin!`);
    }
  </script></body>
</html>