-

2025-11-18 10:16:00 +07:00 · 2025-11-18 10:16:00 +07:00 · 1852079084
commit 1852079084
parent db2117d678
1 changed files with 159 additions and 0 deletions
--- a/menu.html
+++ b/menu.html
@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>Menu Utama Blackjack</title>
+<style>
+    body {
+        margin: 0;
+        background: url('https://ethiopiaanything.com/wp-content/uploads/2024/01/Strategi-Blackjack-yang-Efektif.jpg') no-repeat center center fixed;
+        background-size: cover;
+        font-family: Arial, sans-serif;
+        color: #fff;
+    }
+    header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        background: rgba(19, 26, 34, 0.8);
+        padding: 15px 30px;
+        border-bottom: 2px solid #222;
+    }
+    .profile {
+        font-size: 20px;
+    }
+    .coins {
+        background: #1f2a38;
+        padding: 8px 15px;
+        border-radius: 8px;
+        font-size: 18px;
+    }
+    .main-container {
+        text-align: center;
+        padding: 60px 20px;
+    }
+    h1 {
+        font-size: 42px;
+        margin-bottom: 10px;
+    }
+    p {
+        font-size: 18px;
+        color: #ddd;
+    }
+    .play-btn {
+        margin-top: 25px;
+        background: #2868ff;
+        padding: 15px 30px;
+        font-size: 22px;
+        border: none;
+        border-radius: 12px;
+        cursor: pointer;
+        color: #fff;
+        transition: 0.2s;
+    }
+    .play-btn:hover {
+        background: #1f55d1;
+    }
+
+    /* ====== TARUHAN / BET SECTION ====== */
+    .bet-section {
+        margin-top: 25px;
+        background: rgba(0, 0, 0, 0.55);
+        padding: 20px;
+        width: 350px;
+        border-radius: 10px;
+        display: block;
+        margin-left: auto;
+        margin-right: auto;
+    }
+    .bet-section input {
+        width: 100%;
+        padding: 10px;
+        border-radius: 8px;
+        border: none;
+        margin-top: 10px;
+        font-size: 18px;
+        text-align: center;
+    }
+    .bet-btn {
+        width: 100%;
+        margin-top: 15px;
+        padding: 12px;
+        font-size: 20px;
+        border: none;
+        border-radius: 8px;
+        background: #00c853;
+        color: #fff;
+        cursor: pointer;
+    }
+    .bet-btn:hover {
+        background: #00a243;
+    }
+
+    /* ====== LEADERBOARD ====== */
+    .leaderboard {
+        margin: 60px auto 0 auto;
+        background: rgba(16, 22, 31, 0.9);
+        padding: 20px;
+        width: 350px;
+        border-radius: 10px;
+        display: block;
+        text-align: left;
+    }
+    .leaderboard h2 {
+        border-bottom: 1px solid #333;
+        padding-bottom: 8px;
+        margin-bottom: 15px;
+    }
+    .leaderboard-item {
+        display: flex;
+        justify-content: space-between;
+        font-size: 17px;
+        padding: 6px 0;
+        border-bottom: 1px solid #1a1f28;
+    }
+</style>
+</head>
+<body>
+
+<header>
+    <div class="profile">👤 Player123</div>
+    <div class="coins">💰 Coins: 1000</div>
+</header>
+
+<div class="main-container">
+    <h1>BLACKJACK</h1>
+    <p>Selamat datang di permainan Blackjack versi simulasi!</p>
+
+    <button class="play-btn">Mulai Bermain</button>
+
+    <!-- ========== BAGIAN TARUHAN BARU =========== -->
+    <div class="bet-section">
+        <h3>💵 Jumlah Taruhan</h3>
+        <input type="number" min="10" value="50" id="betAmount">
+        <button class="bet-btn">Konfirmasi Taruhan</button>
+    </div>
+    <!-- ========================================== -->
+
+    <div class="leaderboard">
+        <h2>🏆 Leaderboard</h2>
+
+        <div class="leaderboard-item">
+            <span>1. Player123</span>
+            <span>5000 coins</span>
+        </div>
+
+        <div class="leaderboard-item">
+            <span>2. Zephyr</span>
+            <span>3200 coins</span>
+        </div>
+
+        <div class="leaderboard-item">
+            <span>3. AlphaOne</span>
+            <span>1800 coins</span>
+        </div>
+    </div>
+</div>
+
+</body>
+</html>