<div class="widget widget-border mb-40"><div class="how2 how2-cl4 flex-s-c"><h3 class="f1-m-2 cl3 tab01-title">Galeri</h3></div><div class=""><!-- widget Galeri--> <ul class="sidebar-latest"> <a href='https://pesidi-magelang.desa.id/First/sub_gallery/110' title="Album : 2.Pembangunan/Pemugaran RTLH DD Tahun 2020 An.NAR"> <img src="https://pesidi-magelang.desa.id/desa-lokasi/upload/galeri/kecil_DVwa9l_1.SUNARDI+Blancir+50%25+OMSPAN.jpg" width="130" alt="Album : 2.Pembangunan/Pemugaran RTLH DD Tahun 2020 An.NAR"> </a> </ul> <hr /> <div class="text-right"> <a class="btn btn-primary btn-block" href="https://pesidi-magelang.desa.id/First/gallery">Semua Galeri >></a> </div> </div></div></div><div class="p-b-10"><div class="widget widget-border mb-40"><div class="how2 how2-cl4 flex-s-c"><h3 class="f1-m-2 cl3 tab01-title">Peta Lokasi Kantor</h3></div><div class=""><style type="text/css"> button.btn { margin-left: 0px; } #collapse2 { margin-top: 5px; } button[aria-expanded=true] .fa-chevron-down { display: none; } button[aria-expanded=false] .fa-chevron-up { display: none; } </style> <!-- widget Peta Lokasi Kantor Desa --> <div class="box box-default box-solid"> <div class="box-header"> <!-- <h3 class="box-title"> <i class="fa fa-map-marker"></i> Lokasi Kantor Desa</h3> </h3> --> </div> <div class="box-body"> <div id="map_canvas" style="height:200px;"></div> <br> <!-- <a href="https://www.google.com/maps/dir/?api=1&destination=-7.422075, 110.312660&travelmode=driving" target="_blank" class="btn btn-soft btn-block">Buka Peta</a> --> <a class="btn btn-primary btn-block" href="https://www.google.com/maps/search/?api=1&query=-7.422075, 110.312660" target="_blank" class="btn btn-soft btn-block"><i class="fa fa-map-marker-alt"></i> Menuju Lokasi</a> <button class="btn btn-soft btn-block" data-toggle="collapse" data-target="#collapse2" aria-expanded="false"> Detail <i class="fa fa-chevron-up pull-right"></i> <i class="fa fa-chevron-down pull-right"></i> </button> <div id="collapse2" class="panel-collapse collapse"> <div class="info-desa"> <table width="100%"> <tr style="border-bottom: 1px solid #ddd;"> <td class="label-info-desa" width="25%" height="30px">Alamat</td> <td class="isi-info-desa" width="70%">Jl.Grabag Pakis Km.8,5 Desa Pesidi Kode Desa 3308182025</td> </tr> <tr style="border-bottom: 1px solid #ddd;"> <td class="label-info-desa" width="25%" height="30px">Desa </td> <td class="isi-info-desa" width="70%" height="30px">Pesidi</td> </tr> <tr style="border-bottom: 1px solid #ddd;"> <td class="label-info-desa" width="25%" height="30px">Kecamatan</td> <td class="isi-info-desa" width="70%" height="30px">Grabag</td> </tr> <tr style="border-bottom: 1px solid #ddd;"> <td class="label-info-desa" width="25%" height="30px">Kabupaten</td> <td class="isi-info-desa" width="70%" height="30px">Magelang</td> </tr> <tr style="border-bottom: 1px solid #ddd;"> <td class="label-info-desa" width="25%" height="30px">Kodepos</td> <td class="isi-info-desa" width="70%" height="30px">56196</td> </tr> <tr style="border-bottom: 1px solid #ddd;"> <td class="label-info-desa" width="25%" height="30px">Telepon</td> <td class="isi-info-desa" width="70%" height="30px">-</td> </tr> <tr> <td class="label-info-desa" width="25%" height="40px">Email</td> <td class="isi-info-desa" width="70%" height="40px">desapesidi@gmail.com</td> </tr> </table> </div> </div> </div> </div> <script> //Jika posisi kantor desa belum ada, maka posisi peta akan menampilkan seluruh Indonesia var posisi = [-7.422075,110.312660]; var zoom = 10; var lokasi_kantor = L.map('map_canvas').setView(posisi, zoom); L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors', id: 'mapbox.streets' }).addTo(lokasi_kantor); //Jika posisi kantor desa belum ada, maka posisi peta akan menampilkan seluruh Indonesia var kantor_desa = L.marker(posisi).addTo(lokasi_kantor); </script></div></div></div></div> </div> </div> </div> </section> </main> <!-- footer --> <footer> <div class="bg2 p-t-40 p-b-25"> <div class="container"> <div class="row"> <div class="col-lg-4 p-b-20"> <div class="size-h-2 flex-s-c"> <h2 class="f1-m-7 cl0"> Desa Pesidi </h2> </div> <div> <p class="f1-s-1 cl11 p-b-16"> Alamat : Jl.Grabag Pakis Km.8,5 Desa Pesidi Kode Desa 3308182025<br /> Kode Pos : 56196<br /> Telp : '<br /> Email : desapesidi@gmail.com </p> <!-- Sosial Media --> <div class="p-t-15"> <a class='fs-18 cl11 hov-cl10 trans-03 m-r-8' href='https://www.facebook.com/Pemerintah-Desa-Pesidi-108657770609449/' target='_blank'><i class='fab fa-facebook-f'></i></a><a class='fs-18 cl11 hov-cl10 trans-03 m-r-8' href='https://twitter.com' target='_blank'><i class='fab fa-twitter'></i></a><a class='fs-18 cl11 hov-cl10 trans-03 m-r-8' href='https://www.youtube.com' target='_blank'><i class='fab fa-youtube'></i></a><a class='fs-18 cl11 hov-cl10 trans-03 m-r-8' href='https://www.instagram.com/pesidipesidi/' target='_blank'><i class='fab fa-instagram'></i></a> </div> </div> </div> <div class="col-sm-6 col-lg-4 p-b-10 d-none d-md-block d-lg-block d-xl-block"> <div class="size-h-2 flex-s-c"> <h5 class="f1-m-7 cl0"> <span><i class="fas fa-users"></i></span> Pengunjung </h5> </div> <ul class="m-t--12"> <li class="how-bor1 p-rl-5 p-tb-10"><a class="f1-s-5 cl11 hov-cl10 trans-03 p-tb-8" href="#"><span><i class="fas fa-calendar-check"></i></span> Tahun Kemarin <span class="float-right">20,791</span></a></li> <li class="how-bor1 p-rl-5 p-tb-10"><a class="f1-s-5 cl11 hov-cl10 trans-03 p-tb-8" href="#"><span><i class="far fa-calendar-check"></i></span> Tahun Ini <span class="float-right"> 17,485 </span> </a></li> <li class="how-bor1 p-rl-5 p-tb-10"><a class="f1-s-5 cl11 hov-cl10 trans-03 p-tb-8" href="#"><span><i class="fas fa-calendar-plus"></i></span> Bulan Ini <span class="float-right"> 3,339 </span> </a></li> <li class="how-bor1 p-rl-5 p-tb-10"><a class="f1-s-5 cl11 hov-cl10 trans-03 p-tb-8" href="#"><span><i class="fas fa-male"></i></span> Hari Ini <span class="float-right"> 60 </span> </a></li> </ul> </div> <div class="col-sm-6 col-lg-4 p-b-20 d-none d-md-block d-lg-block d-xl-block"> <div class="size-h-2 flex-s-c"> <h5 class="f1-m-7 cl0"> <span><i class="fas fa-globe"></i></span> External Link </h5> </div> <ul class="m-t--12"> <li class="how-bor1 p-rl-5 p-tb-10"><a class="f1-s-5 cl11 hov-cl10 trans-03 p-tb-8" target="_blank" href="http://magelangkab.go.id"><span><i class="fas fa-external-link-square-alt"></i></span> Pemerintah Kab. Magelang</a></li> <li class="how-bor1 p-rl-5 p-tb-10"><a class="f1-s-5 cl11 hov-cl10 trans-03 p-tb-8" target="_blank" href="http://dispermades.magelangkab.go.id"><span><i class="fas fa-external-link-square-alt"></i></span> Dispermades Kab. Magelang</a></li> <li class="how-bor1 p-rl-5 p-tb-10"><a class="f1-s-5 cl11 hov-cl10 trans-03 p-tb-8" target="_blank" href="http://diskominfo.magelangkab.go.id"><span><i class="fas fa-external-link-square-alt"></i></span> Diskominfo Kab. Magelang</a></li> </ul> </div> </div> <div class="row"> <div class="mx-auto"> <div class="size-h-3 flex-s-c"> <h5 class="f1-m-7 cl0"> <span>Support </span> </h5> <li class="how-bor1 p-rl-5 p-tb-10"><a class="f1-s-5 cl11 hov-cl10 trans-03 p-tb-8" target="_blank" href="http://opensid.info/"><span><i class="fas fa-external-link-square-alt"></i></span> Open SID</a></li> </div> </div> </div> </div> </div> <!-- <div class="bg11"> <div class="container size-h-4 flex-c-c p-tb-15"> <span class="f1-s-1 cl0 txt-center"> <p>© Copyrights <script type="text/javascript"> document.write(new Date().getFullYear()); </script>. Dinas Komunikasi dan Informasi Kabupaten Magelang.</p> <p>Dibangun oleh <a target="_blank" href="https://github.com/OpenSID/OpenSID">Komunitas Open SID</a> dan telah disesuaikan kebutuhannya oleh Pemerintah Kabupaten Magelang</p> <a href="#" class="f1-s-1 cl10 hov-link1"> --> <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> <!-- This template is made by <a href="https://colorlib.com" target="_blank">Colorlib</a> --> <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> <!-- </span> </div> </div> --> </footer> <!-- footer end --> <div class="btn-back-to-top" id="myBtn"> <span class="symbol-btn-back-to-top"> <span class="fas fa-angle-up"></span> </span> </div> <!-- JS here --> <!-- jQuery Plugins --> <script src="https://scn.magelangkab.go.id/sid/tema-assets/v2/asset_2/vendor/animsition/js/animsition.min.js"></script> <script src="https://scn.magelangkab.go.id/sid/tema-assets/v2/asset_2/vendor/bootstrap/js/popper.js"></script> <script src="https://scn.magelangkab.go.id/sid/tema-assets/v2/asset_2/vendor/bootstrap/js/bootstrap.min.js"></script> <script src="https://pesidi-magelang.desa.id/assets/js/bootstrap-select.min.js"></script> <script src="https://scn.magelangkab.go.id/sid/tema-assets/v3/asset_2/vendor/lightbox2/js/lightbox.min.js"></script> <script src="https://scn.magelangkab.go.id/sid/tema-assets/v2/asset_2/js/main.js"></script> <!-- FB Comment --> <div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v11.0" nonce="gJTpnPeI"></script> <!-- Highchart --> <script src="https://code.highcharts.com/highcharts.js"></script> <script src="https://code.highcharts.com/modules/exporting.js"></script> <script src="https://code.highcharts.com/modules/export-data.js"></script> <script src="//code.highcharts.com/themes/grid-light.js"></script> <script src="https://code.highcharts.com/modules/series-label.js"></script> <!-- sweetalert --> <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.2/sweetalert.min.js" integrity="sha512-bQTg0yQoJONPPP2GJpVEWYayw5y7LmCrN+VMCr3l3jl1mn8a2yjYLDBkvt4TkQCJjLaI3kprfiJ2ivEUOw63ow==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <!-- Grafik ART --> <script> var jenis = []; var jumlah = []; // var datanya = []; Highcharts.chart('grafik-art', { chart: { plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false, type: 'pie' }, title: { text: 'Sumber DTKS Desa tahun ' }, tooltip: { pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' }, accessibility: { point: { valueSuffix: '%' } }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, format: '<b>{point.name}</b>: {point.percentage:.1f} %' } } }, series: [{ name: 'Total', colorByPoint: true, data: [] }] }); </script> <!-- Grafik RT --> <script> grafik_rt(); function grafik_rt() { var graftahun = []; var grafjumlahtahun = []; Highcharts.chart('grafik-rt', { chart: { type: 'line' }, title: { text: '' }, subtitle: { text: '' }, xAxis: { categories: graftahun }, yAxis: { title: { text: 'Jumlah ( Rumah Tangga )' } }, plotOptions: { line: { dataLabels: { enabled: true }, enableMouseTracking: true } }, series: [{ name: 'Rumah Tangga', data: grafjumlahtahun }] }); } </script> </body> </html>
