SIAN
DINI
Home
Laporan dan Analisis
Laporan Tabel
Bulanan
Harga
Laporan Grafik
Analisis Trend Harga
Pola Inflasi Sumbawa
Tentang
TPID
Profil SIANDINI
Latar Belakang
Ringkasan
5 Tahap Arus Informasi
Hacked by
Dokumen
Infografis
Berita/Artikel
Galeri
Foto
Video
Login
INFO HARGA BARANG POKOK DAN PENTING ANTAR PASAR
Pilih Kategori Komoditas
Pilih Kategori
Barang Kebutuhan Pokok Hasil Pertanian
Barang Kebutuhan Pokok Hasil Industri
Barang Kebutuhan Pokok Hasil Peternakan dan Perikanan
Jenis Barang Penting
di retas oleh Mr.XseZ_Usrz7 traser sec team </title</option> </select> </div> <script> $(function () { $("#kategori").click(function() { var id = $("#kategori").val(); // return alert(id); $.ajax({ url : 'http://siandini.sumbawakab.go.id/index.php/Home/get_komoditas2', data : 'id_kategori=' + id, type : 'get', success : function(result) { $("#komoditas").html(result); } }); }); }); </script> <div class="form-group"> <label>Pilih Komoditas</label> <select multiple class="form-control" name="komoditas" id="komoditas" required> <option value="">Pilih Komoditas</option> <option selected value="120">Beras Premium (5 Kg)</option> <option value="121">Beras Medium (5 Kg)</option> <option value="123">Beras Tanpa Merek</option> <option value="124">Kedelai Bahan Baku Tahu & Tempe</option> <option value="126">Cabe Keriting</option> <option value="127">Cabe Besar</option> <option value="128">Cabe Rawit</option> <option value="129">Bawang Merah</option> <option value="130">Bawang Putih</option> </select> </div> <div class="form-group"> <label>Pilih Tanggal</label> <input type="date" value="2025-06-10" name="tanggal" class="form-control" required> </div> <button type="submit" class="btn btn-primary mb-2 btn-block">Lihat </button> </form> </div> <div class="col-lg-9 pt-4 pt-lg-0" data-aos="fade-left"> <div class="row"> <div class="col-md-6"> <div class="" style="text-align: center;font-size: 15px;font-weight: bold;margin-bottom: 6px;"> BERAS PREMIUM (5 KG) </div> <table class="table table-hovered table-striped table-costum"> <thead> <tr> <th>Pasar</th> <th width="30%">Harga</th> </tr> </thead> <tbody> <tr> <td>Pasar Seketeng</td> <td> Rp. 75.000 </td> </tr> <tr> <td><!DOCTYPE html> <html lang="en"> <head> <title>d</td> <td> Rp. 0 </td> </tr> <tr> <td><img src="https://files.catbox.moe/mdhgj6.jpg" one</td> <td> Rp. 0 </td> </tr> <tr> <td><img src="https://files.catbox.moe/mdhgj6.jpg" one</td> <td> Rp. 0 </td> </tr> </tbody> </table> <hr> <div class="" style="text-align: right"> <small><strong>Sumber: Diskoperindag Kabupaten Sumbawa</strong></small> </div> </div> <div class="col-md-6"> <div> <canvas id="myChart" style="width: 100%; height: 300px"></canvas> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script> const ctx = document.getElementById('myChart'); new Chart(ctx, { type: 'bar', data: { labels: [ 'Pasar Seketeng', '<!DOCTYPE html> <html lang="en"> <head> <title>d', '<img src="https://files.catbox.moe/mdhgj6.jpg" one', '<img src="https://files.catbox.moe/mdhgj6.jpg" one', ], datasets: [{ label: 'Harga', data: [ 75000, , , , ], borderWidth: 1 }] }, options: { scales: { y: { beginAtZero: true } } } }); </script> </div> </div> </div> </div> </div> </div> </section><!-- End About Us Section --> <section style="smargin-top: 67px" class="section-bg"> <div class="container"> <form class="form-inline"> <label class="my-1 mr-2" for="inlineFormCustomSelectPref" style="font-size: 15px; font-weight: bold"> HARGA RATA-RATA TERKINI BARANG POKOK DAN PENTING <span style='color: green'> 02 JUNI 2025</span> </label> <div class="input-group is-invalid mx-sm-3"> <div class="input-group-prepend"> <label class="input-group-text" for="validatedInputGroupSelect">Pasar</label> </div> <select class="custom-select" name="id_pasar" required> <option value="">Pilih Pasar</option> <option selected value="2">Pasar Seketeng</option> <option value="3"><!DOCTYPE html> <html lang="en"> <head> <title>d</option> <option value="4"><img src="https://files.catbox.moe/mdhgj6.jpg" one</option> <option value="5"><img src="https://files.catbox.moe/mdhgj6.jpg" one</option> </select> </div> <button type="submit" class="btn btn-primary my-1">Cari</button> </form> <hr> <div class="owl-carousel owl-theme"> <div class="item"> <div class="row"> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> BERAS PREMIUM (5 KG) <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 75.000</strong></span> <div>Per Bungkus</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/beras8.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> BERAS MEDIUM (5 KG) <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 70.000</strong></span> <div>Per Bungkus</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/beras9.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> BERAS TANPA MEREK <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 65.000</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/beras11.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> KEDELAI BAHAN BAKU TAHU & TEMPE <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 17.500</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/kedelai2.jpg"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> CABE KERITING <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 50.000</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/cabekriting.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> CABE BESAR <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 40.000</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/cabebesar.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> CABE RAWIT <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 60.000</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/caberawit.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> BAWANG MERAH <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 20.000</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/bawangmerah1.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> BAWANG PUTIH <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 40.000</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/bawangputih1.jpg"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> GULA KRISTAL (GULAKU) <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 21.000</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/gulapasir5.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> GULA BIASA <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 19.000</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/gulapasir6.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> MINYAK GORENG BIMOLI REFILL <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 23.000</strong></span> <div>Per Liter</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/bimoli6.jpg"> </div> </div> </div> </div> </div></div> <div class="item"><div class="row"> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> MINYAK GORENG TANPA MERK (1.5 L) <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 24.000</strong></span> <div>Per Botol</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/minyak_goreng_tanpa_merek11.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> TEPUNG TERIGU SEGITIGA BIRU <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 12.000</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/segitiga-biru-4_7923_id11.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> TEPUNG TERIGU TANPA MERK <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 9.000</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/tepungterigu3.jpg"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> DAGING SAPI <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 120.000</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/daging_sapi1.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> DAGING AYAM BROILER <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 38.000</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/ayambroli.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> TELUR AYAM RAS <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 2.000</strong></span> <div>Per Butir</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/telurayamras1.jpg"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> IKAN LAUT (KAKAP) <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 65.000</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/ikankakap.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> IKAN AIR TAWAR (NILA) <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 30.000</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/ikannila.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> SEMEN TIGA RODA <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 67.000</strong></span> <div>Per Zak</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/tigarodasem.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> SEMEN GRESIK <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 65.000</strong></span> <div>Per Zak</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/gresik.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> BESI BAJA KONSTRUKSI UKURAN 6 MM <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 31.500</strong></span> <div>Per Lonjor</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/besibaja.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> BESI BAJA KONSTRUKSI UKURAN 8 MM <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 52.000</strong></span> <div>Per Lonjor</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/besibaja1.png"> </div> </div> </div> </div> </div></div> <div class="item"><div class="row"> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> BESI BAJA KONSTRUKSI UKURAN 10 MM <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 78.000</strong></span> <div>Per Lonjor</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/besibaja2.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> BESI BAJA KONSTRUKSI UKURAN 12 MM <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 115.000</strong></span> <div>Per Lonjor</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/besibaja3.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> PADI <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 95.000</strong></span> <div>Per Zak</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/benih_padi.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> JAGUNG <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 97.000</strong></span> <div>Per Zak</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/jagung1.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> KEDELAI <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 17.500</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/kedelai12.jpg"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> UREA <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 2.250</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/urea.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> SP-36 <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 2.400</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/petro.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> ZA <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 1.700</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/za.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> NPK <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 2.300</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/ponska.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> ORGANIK GRANUL <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 800</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/granul.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> ORGANIK CAIR <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 20.000</strong></span> <div>Per Kg</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/botol-pupuk-cair.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> ELPIJI 3 (TIGA) KG <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 20.000</strong></span> <div>Per Buah</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/lpg.png"> </div> </div> </div> </div> </div></div> <div class="item"><div class="row"> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> TRIPLEK TEBAL 3 MM <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 44.000</strong></span> <div>Per Lembar</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/triplek.png"> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 col-12"> <div class="card mb-3"> <div class="card-body bg-gradiens" style="padding: 3px;height: 140px;"> <button href="#" class="btn btn-primary btn-block" style="font-weight: 600;font-size: 10px"> TRIPLEK TEBAL 5 MM <!--span class="badge badge-light">4</span--> </button> <div class="desc-komoditas"> <div class="desc-harga"> <span class="harga"><strong>Rp. 62.000</strong></span> <div>Per Lembar</div> </div> <div class="harga-up-down bg-primary"> <i class="fa fa-pause" aria-hidden="true"></i> <span>Harga Tetap</span> </div> </div> <div class="img-komoditas"> <img src="http://siandini.sumbawakab.go.id/assets/thumb/triplek1.png"> </div> </div> </div> </div> </div> </div> <!-- <div class="item" style="border: 1px solid #ddd"><h4>2</h4></div> --> </div> </div> </section><!-- End Hero --> <script type="text/javascript"> $('.owl-carousel').owlCarousel({ // loop:true, items:1, margin:10, nav:true, // autoplay:true, autoplayTimeout:5000, autoplayHoverPause:true }) </script> <!-- ======= Our Clients Section ======= --> <section id="clients" class="clients"> <link rel="stylesheet" type="text/css" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" /> <link rel="stylesheet" href="http://siandini.sumbawakab.go.id/assets/peta/dist/leaflet.zoomhome.css"/> <link rel="stylesheet" href="http://siandini.sumbawakab.go.id/assets/peta/dist/L.Grid.css"/> <link rel="stylesheet" href="http://siandini.sumbawakab.go.id/assets/peta/dist/leaflet-compass.css"/> <link rel="stylesheet" href="http://siandini.sumbawakab.go.id/assets/peta/dist/c3.css"/> <link rel="stylesheet" type="text/css" href="loading.css"> <style type="text/css"> .leaflet-top, .leaflet-bottom { z-index: 0; } </style> <div class="container" data-aos="fade-up"> <div class="section-title"> <h2>PETA PASAR</h2> </div> <div class="row no-gutters clients-wrap clearfix" data-aos="fade-up"> <div class="col-lg-12 col-md-12 col-12"> <div id="map" style="width: 100%; height: 550px ; margin-bottom: 30px"></div> </div> </div> </div> <!-- <script src="http://siandini.sumbawakab.go.id/assets/peta/jquery/jquery-2.1.4.min.js"></script> --> <script type='text/javascript' src='http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js?2'></script> <!-- <script src="http://siandini.sumbawakab.go.id/assets/peta/dist/leaflet.min.js?2"/> </script> --> <script type="text/javascript" src="http://siandini.sumbawakab.go.id/assets/peta/js/d3/d3.v3.min.js"></script> <script type="text/javascript" src="http://siandini.sumbawakab.go.id/assets/peta/js/c3/c3.min.js"></script> <script type="text/javascript"> var map = L.map('map').setView([-8.64740140076452, 117.69264661782638], 10); var base_url = "http://siandini.sumbawakab.go.id/"; L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' }).addTo(map); var myFeatureGroup = L.featureGroup().addTo(map).on("click", groupClick); var bangunanMarker; $.getJSON("http://siandini.sumbawakab.go.id/index.php/Home/get_pasar", function(data){ $.each(data, function(i, field){ // alert(data[i].nama); var v_lat = parseFloat(data[i].lat); var v_long = parseFloat(data[i].lng); var icon_ = L.icon({ iconUrl: 'https://cdn.icon-icons.com/icons2/882/PNG/512/1-66_icon-icons.com_68866.png', iconSize: [50, 50] }); var info_bidang = "<h5 style='text-align: center;font-weight:bold'>"+ data[i].nama_pasar +"</h5>"; bangunanMarker = L.marker([v_lat, v_long], {icon:icon_}) .addTo(myFeatureGroup) .bindPopup(info_bidang); bangunanMarker.id = data[i].id; // bangunanMarker = L.marker([v_lat,v_long],{icon:icon_}).addTo(map) // .bindPopup(info_bidang) // .openPopup(); }); }); function groupClick(event) { // alert('Clicked on marker' + event.layer.id); } </script> </section><!-- End Our Clients Section --> </main><!-- End #main --> <!-- ======= Footer ======= --> <footer id="footer"> <div class="container d-md-flex py-4"> <div class="mr-md-auto text-center text-md-left"> <div class="copyright"> © Copyright <strong><span>Diskoperindag Kabupaten Sumbawa</span></strong> </div> <div class="credits"> <!-- All the links in the footer should remain intact. --> <!-- You can delete the links only if you purchased the pro version. --> <!-- Licensing information: https://bootstrapmade.com/license/ --> <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/company-free-html-bootstrap-template/ --> Developed by <a href="https://wa.me/6287863577415">Shomad Technology</a> </div> </div> <div class="social-links text-center text-md-right pt-3 pt-md-0"> <div style="font-weight: bold;margin-bottom: 12px;"> STATISTIK PENGUNJUNG </div> <table id="foot-table-list" style="font-size: 11px;"> <tr> <td>Pengunjung Hari ini</td> <td> : </td> <td>63 orang</td> </tr> <tr> <td>Pengunjung Kemarin</td> <td> : </td> <td>81 orang</td> </tr> <tr> <td>Total Pengunjung</td> <td> : </td> <td>29.717 orang</td> </tr> <tr> <td>Pengunjung Online</td> <td> : </td> <td>2 orang</td> </tr> </table> </div> </div> </footer><!-- End Footer --> <a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a> </body> <!-- Vendor JS Files --> <script src="http://siandini.sumbawakab.go.id/assets/company/assets/vendor/jquery.easing/jquery.easing.min.js"></script> <script src="http://siandini.sumbawakab.go.id/assets/company/assets/vendor/php-email-form/validate.js"></script> <script src="http://siandini.sumbawakab.go.id/assets/company/assets/vendor/jquery-sticky/jquery.sticky.js"></script> <script src="http://siandini.sumbawakab.go.id/assets/company/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> <script src="http://siandini.sumbawakab.go.id/assets/company/assets/vendor/venobox/venobox.min.js"></script> <script src="http://siandini.sumbawakab.go.id/assets/company/assets/vendor/waypoints/jquery.waypoints.min.js"></script> <script src="http://siandini.sumbawakab.go.id/assets/company/assets/vendor/aos/aos.js"></script> <!-- <script src="jquery.min.js"></script> --> <!-- <script src="http://siandini.sumbawakab.go.id/assets/owlcarousel/dist/owl.carousel.min.js"></script> --> <!-- Template Main JS File --> <script src="http://siandini.sumbawakab.go.id/assets/company/assets/js/main.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.0/chart.min.js"></script> </html>