PUBLIKASI KINERJA TH. 2019 PUBLIKASI KINERJA 2019 </article> <div class="bottom-article mb-3"> <div class="d-flex justify-content-between"> <div class="share-title text-muted d-flex"><i class="fa-solid fa-square-share-nodes"></i> Bagikan</div> <ul class="social-network share d-flex"> <li><a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fdamkar.bogorkab.go.id%2Fpublikasi-kinerja-th-2019%2Fpublikasi-kinerja-2019-2" class="facebook" data-bs-toggle="tooltip" title="Facebook" target="_blank"><i class="fa-brands fa-facebook"></i></a> </li> <li><a href="whatsapp://send?text=http%3A%2F%2Fdamkar.bogorkab.go.id%2Fpublikasi-kinerja-th-2019%2Fpublikasi-kinerja-2019-2" class="twitter" data-bs-toggle="tooltip" title="Whatsapp" style="background-color:#067f4b " target="_blank"><i class="fa-brands fa-whatsapp"></i></a></li> <li><a href="https://twitter.com/share?text=PUBLIKASI KINERJA TH. 2019&url=http%3A%2F%2Fdamkar.bogorkab.go.id%2Fpublikasi-kinerja-th-2019%2Fpublikasi-kinerja-2019-2" class="twitter" data-bs-toggle="tooltip" title="Twitter" target="_blank"><i class="fa-brands fa-twitter"></i></a></li> <li><a href="http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Fdamkar.bogorkab.go.id%2Fpublikasi-kinerja-th-2019%2Fpublikasi-kinerja-2019-2&title=PUBLIKASI KINERJA TH. 2019" class="linkedin" data-bs-toggle="tooltip" title="linkedin" target="_blank"><i class="fa-brands fa-linkedin"></i></a></li> </ul> </div> </div> </div> <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12"> <div class="widget mb-4 d-none d-md-block"> <h5 class="widget-title">Berita Kabupaten Bogor</h5> <div id="loading" style="text-align: center; display: none;"> <p>Berita Sedang Dimuat...</p> </div> <div id="berita-container"></div> <center><a href="https://bogorkab.go.id/berita/" target="_blank" class="btn-theme">Tampilkan Semua <i class="fa fa-external-link"></i></a></center> <script> document.addEventListener("DOMContentLoaded", function () { let beritaContainer = document.getElementById("berita-container"); let loading = document.getElementById("loading"); loading.style.display = "block"; beritaContainer.innerHTML = ""; fetch("https://damkar.bogorkab.go.id/fetchberita") .then(response => response.json()) .then(data => { console.log("API Response:", data); let beritaArray = data.data ?? []; beritaContainer.innerHTML = ""; loading.style.display = "none"; if (beritaArray.length > 0) { beritaArray.forEach(item => { let judul = item.judul ?? "Tanpa Judul"; let gambarUrl = (item.gambar && item.gambar.length > 0) ? item.gambar[0].lokasiFile : null; let gambar = gambarUrl ? `<img src="${gambarUrl}" alt="${judul}" class="card-img-top">` : ''; let beritaCard = ` <a class="card sidebar-card mb-3" href="https://bogorkab.go.id/berita/detail-berita/${item.beritaId}"> <div class="mb-1"> ${gambar} <h4 class="card-title mb-1">${judul}</h4> </div> </a>`; beritaContainer.innerHTML += beritaCard; }); } else { beritaContainer.innerHTML = "<p>Tidak ada berita tersedia.</p>"; } }) .catch(error => { console.error("Error fetching berita:", error); loading.style.display = "none"; beritaContainer.innerHTML = "<p>Gagal memuat berita.</p>"; }); }); </script> </div> </div> </div> </div> </section> </div> </main> <!-- ======= Footer ======= --> <footer id="footer" background: #2e3e4e> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-12 footer-links"> <div class="footer-title"> <h1>Kontak Detail</h1> </div> <address> <strong>Alamat</strong><br> <i class="bi bi-geo-alt"></i> Jalan Tegar Beriman, Cibinong </address> <p> <strong>Kontak Kami</strong><br> <i class="bi bi-telephone"></i> <a href="tel:(021)8753547"><span dir="ltr">(021)8753547</span></a></p> <p> <strong>Email</strong><br> <i class="bi bi-envelope"></i> <a href="mailto:damkar@bogorkab.go.id">damkar@bogorkab.go.id</a> </p> </div> <div class="col-lg-3 col-md-6 footer-links"> <div class="footer-title"> <h1>Link Cepat</h1> </div> <ul> <li><a class="nav-link" href="https://bogorkab.go.id" target="_blank"> Portal Bogorkab </a> </li> <li><a class="nav-link" href="https://diskominfo.bogorkab.go.id" target="_blank"> Portal Diskominfo </a> </li> </ul> </div> <div class="col-lg-2 col-md-6 footer-links"> <div class="footer-title"> <h1>Tentang Kami</h1> </div> <ul> <li><a class="nav-link" href="https://damkar.bogorkab.go.id/berita" target=""> Berita </a> </li> </ul> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container d-md-flex py-4"> <div class="me-md-auto text-center text-md-start"> <div class="copyright"> © 2025 All Rights Reserved . <a href="#">Dinas Komunikasi dan Informatika</a> </div> </div> <div class="social-links text-center text-md-right pt-3 pt-md-0"> <a href="https://www.facebook.com/bogorkab" data-bs-toggle="tooltip" title="Facebook" data-bs-placement="top" target="_blank" class="social-facebook"><i class="bi bi-facebook"></i></a> <a href="https://twitter.com/damkarbogorkab_" data-bs-toggle="tooltip" title="Twitter" data-bs-placement="top" target="_blank" class="social-x"><i class="bi bi-twitter-x"></i></a> <a href="https://www.youtube.com/@damkarbogorkab" data-bs-toggle="tooltip" title="Youtube" data-bs-placement="top" target="_blank" class="social-youtube"><i class="bi bi-youtube"></i></a> <a href="https://www.instagram.com/damkarbogorkab" data-bs-toggle="tooltip" title="Instagram" data-bs-placement="top" target="_blank" class="social-instagram"><i class="bi bi-instagram"></i></a> </div> </div> </div> </footer> <div id="preloader"></div> <!-- ======= JS Including ======= --> <a href="#" title="ke atas" class="back-to-top d-flex align-items-center justify-content-center" aria-label="Go to Top"><i class="bi bi-arrow-up-short"></i></a> <script type="text/javascript"> var page_dir = "ltr"; </script> <!-- Vendor JS Files --> <script src="https://damkar.bogorkab.go.id/assets/frontend/js/jquery.min.js?v=1.1"></script> <script src="https://damkar.bogorkab.go.id/assets/frontend/vendor/bootstrap/js/bootstrap.bundle.min.js?v=1.1"></script> <script src="https://damkar.bogorkab.go.id/assets/frontend/vendor/glightbox/js/glightbox.min.js?v=1.1"></script> <script src="https://damkar.bogorkab.go.id/assets/frontend/vendor/swiper/swiper-bundle.min.js?v=1.1"></script> <script src="https://damkar.bogorkab.go.id/assets/frontend/vendor/owl-carousel/owl.carousel.js?v=1.1"></script> <!-- Template Main JS File --> <script src="https://damkar.bogorkab.go.id/assets/frontend/js/main.js?v=1.1"></script> </body> </html>
