# <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <tit

```
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Produk Digital</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        .kategori {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .produk {
            margin: 10px;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 10px;
            width: 200px;
        }
        .produk h2 {
            margin-top: 0;
        }
        .varian {
            margin-bottom: 10px;
        }
        .form {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Produk Digital</h1>
    <div class="kategori">
        <div class="produk">
            <h2>Produk Pulsa</h2>
            <ul>
                <li>Telkomsel</li>
                <li>Indosat</li>
                <li>XL</li>
                <li>Axis</li>
                <li>Smartfren</li>
                <li>Tri</li>
                <li>By.U</li>
            </ul>
            <div class="varian">
                <select>
                    <option>Pilih Varian</option>
                    <option>10 RB</option>
                    <option>20 RB</option>
                    <option>50 RB</option>
                </select>
            </div>
        </div>
        <div class="produk">
            <h2>Produk Data</h2>
            <ul>
                <li>Telkomsel</li>
                <li>Indosat</li>
                <li>XL</li>
                <li>Axis</li>
                <li>Smartfren</li>
                <li>Tri</li>
                <li>By.U</li>
            </ul>
            <div class="varian">
                <select>
                    <option>Pilih Varian</option>
                    <option>1 GB</option>
                    <option>5 GB</option>
                    <option>10 GB</option>
                </select>
            </div>
        </div>
        <div class="produk">
            <h2>Token Listrik</h2>
            <ul>
                <li>Prabayar</li>
                <li>Pascabayar</li>
            </ul>
            <div class="varian">
                <select>
                    <option>Pilih Varian</option>
                    <option>20 Token</option>
                    <option>50 Token</option>
                    <option>100 Token</option>
                </select>
            </div>
        </div>
        <div class="produk">
            <h2>Games</h2>
            <ul>
                <li>Mobile Legend</li>
                <li>Free Fire</li>
                <li>Ludo</li>
                <li>Joy Domino</li>
            </ul>
            <div class="varian">
                <select>
                    <option>Pilih Varian</option>
                    <option>10 Diamond</option>
                    <option>20 Diamond</option>
                    <option>50 Diamond</option>
                </select>
            </div>
        </div>
        <div class="produk">
            <h2>Masa Aktif</h2>
            <ul>
                <li>Telkomsel</li>
                <li>Indosat</li>
                <li>XL</li>
                <li>Axis</li>
                <li>Smartfren</li>
                <li>Tri</li>
                <li>By.U</li>
            </ul>
            <div class="varian">
                <select>
                    <option>Pilih Varian</option>
                    <option>7 Hari</option>
                    <option>14 Hari</option>
                    <option>30 Hari</option>
                </select>
            </div>
        </div>
    </div>
    <div class="form">
        <form>
            <label>Nomor Tujuan:</label>
            <input type="number" required>
            <label>Pembayaran:</label>
            <input type="number" required>
            <button type="submit">Bayar</button>
        </form>
    </div>
    <script>
        const form = document.querySelector('form');
        form.addEventListener('submit', (e) => {
            e.preventDefault();
            const produk = document.querySelector('select').value;
```

[https://slashpage.com/konter24/y9e1xp2xx3r7427k35vz](https://slashpage.com/konter24/y9e1xp2xx3r7427k35vz)

[https://slashpage.com/konter24/4w67rj24neqn325yq8ep](https://slashpage.com/konter24/4w67rj24neqn325yq8ep)

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Produk Digital</title>    <style>        body {            font-family: Arial, sans-serif;        }        .kategori {            display: flex;            flex-wrap: wrap;            justify-content: center;        }        .produk {            margin: 10px;            padding: 10px;            border: 1px solid #ddd;            border-radius: 10px;            width: 200px;        }        .produk h2 {            margin-top: 0;        }        .varian {            margin-bottom: 10px;        }        .form {            margin-top: 20px;        }    </style></head><body>    <h1>Produk Digital</h1>    <div class="kategori">        <div class="produk">            <h2>Produk Pulsa</h2>            <ul>                <li>Telkomsel</li>                <li>Indosat</li>                <li>XL</li>                <li>Axis</li>                <li>Smartfren</li>                <li>Tri</li>                <li>By.U</li>            </ul>            <div class="varian">                <select>                    <option>Pilih Varian</option>                    <option>10 RB</option>                    <option>20 RB</option>                    <option>50 RB</option>                </select>            </div>        </div>        <div class="produk">            <h2>Produk Data</h2>            <ul>                <li>Telkomsel</li>                <li>Indosat</li>                <li>XL</li>                <li>Axis</li>                <li>Smartfren</li>                <li>Tri</li>                <li>By.U</li>            </ul>            <div class="varian">                <select>                    <option>Pilih Varian</option>                    <option>1 GB</option>                    <option>5 GB</option>                    <option>10 GB</option>                </select>            </div>        </div>        <div class="produk">            <h2>Token Listrik</h2>            <ul>                <li>Prabayar</li>                <li>Pascabayar</li>            </ul>            <div class="varian">                <select>                    <option>Pilih Varian</option>                    <option>20 Token</option>                    <option>50 Token</option>                    <option>100 Token</option>                </select>            </div>        </div>        <div class="produk">            <h2>Games</h2>            <ul>                <li>Mobile Legend</li>                <li>Free Fire</li>                <li>Ludo</li>                <li>Joy Domino</li>            </ul>            <div class="varian">                <select>                    <option>Pilih Varian</option>                    <option>10 Diamond</option>                    <option>20 Diamond</option>                    <option>50 Diamond</option>                </select>            </div>        </div>        <div class="produk">            <h2>Masa Aktif</h2>            <ul>                <li>Telkomsel</li>                <li>Indosat</li>                <li>XL</li>                <li>Axis</li>                <li>Smartfren</li>                <li>Tri</li>                <li>By.U</li>            </ul>            <div class="varian">                <select>                    <option>Pilih Varian</option>                    <option>7 Hari</option>                    <option>14 Hari</option>                    <option>30 Hari</option>                </select>            </div>        </div>    </div>    <div class="form">        <form>            <label>Nomor Tujuan:</label>            <input type="number" required>            <label>Pembayaran:</label>            <input type="number" required>            <button type="submit">Bayar</button>        </form>    </div>    <script>        const form = document.querySelector('form');        form.addEventListener('submit', (e) => {            e.preventDefault();            const produk = document.querySelector('select').value;

```
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Produk Digital</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        .kategori {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .produk {
            margin: 10px;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 10px;
            width: 200px;
        }
        .produk h2 {
            margin-top: 0;
        }
        .varian {
            margin-bottom: 10px;
        }
        .form {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Produk Digital</h1>
    <div class="kategori">
        <div class="produk">
            <h2>Produk Pulsa</h2>
            <ul>
                <li>Telkomsel</li>
                <li>Indosat</li>
                <li>XL</li>
                <li>Axis</li>
                <li>Smartfren</li>
                <li>Tri</li>
                <li>By.U</li>
            </ul>
            <div class="varian">
                <select>
                    <option>Pilih Varian</option>
                    <option>10 RB</option>
                    <option>20 RB</option>
                    <option>50 RB</option>
                </select>
            </div>
        </div>
        <div class="produk">
            <h2>Produk Data</h2>
            <ul>
                <li>Telkomsel</li>
                <li>Indosat</li>
                <li>XL</li>
                <li>Axis</li>
                <li>Smartfren</li>
                <li>Tri</li>
                <li>By.U</li>
            </ul>
            <div class="varian">
                <select>
                    <option>Pilih Varian</option>
                    <option>1 GB</option>
                    <option>5 GB</option>
                    <option>10 GB</option>
                </select>
            </div>
        </div>
        <div class="produk">
            <h2>Token Listrik</h2>
            <ul>
                <li>Prabayar</li>
                <li>Pascabayar</li>
            </ul>
            <div class="varian">
                <select>
                    <option>Pilih Varian</option>
                    <option>20 Token</option>
                    <option>50 Token</option>
                    <option>100 Token</option>
                </select>
            </div>
        </div>
        <div class="produk">
            <h2>Games</h2>
            <ul>
                <li>Mobile Legend</li>
                <li>Free Fire</li>
                <li>Ludo</li>
                <li>Joy Domino</li>
            </ul>
            <div class="varian">
                <select>
                    <option>Pilih Varian</option>
                    <option>10 Diamond</option>
                    <option>20 Diamond</option>
                    <option>50 Diamond</option>
                </select>
            </div>
        </div>
        <div class="produk">
            <h2>Masa Aktif</h2>
            <ul>
                <li>Telkomsel</li>
                <li>Indosat</li>
                <li>XL</li>
                <li>Axis</li>
                <li>Smartfren</li>
                <li>Tri</li>
                <li>By.U</li>
            </ul>
            <div class="varian">
                <select>
                    <option>Pilih Varian</option>
                    <option>7 Hari</option>
                    <option>14 Hari</option>
                    <option>30 Hari</option>
                </select>
            </div>
        </div>
    </div>
    <div class="form">
        <form>
            <label>Nomor Tujuan:</label>
            <input type="number" required>
            <label>Pembayaran:</label>
            <input type="number" required>
            <button type="submit">Bayar</button>
        </form>
    </div>
    <script>
        const form = document.querySelector('form');
        form.addEventListener('submit', (e) => {
            e.preventDefault();
            const produk = document.querySelector('select').value;
```

[https://slashpage.com/konter24/qrx6zk25zvex3mv314y5](https://slashpage.com/konter24/qrx6zk25zvex3mv314y5)

## Pages

- [<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <tit](https://slashpage.com/konter24)
  - [Untitled](https://slashpage.com/konter24/y9e1xp2xx3r7427k35vz)
  - [Untitled](https://slashpage.com/konter24/4w67rj24neqn325yq8ep)
  - [Untitled](https://slashpage.com/konter24/qrx6zk25zvex3mv314y5)
- [Untitled](https://slashpage.com/konter24/xjqy1g2vqxn7pm6vd54z)
