1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 6 <meta charset="utf-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 8 9 <title>Letak Geografis | Website Resmi Kabupaten Agam</title> 10 11 <!-- Favicon --> 12 <link rel="apple-touch-icon" sizes="180x180" href="https://www.agamkab.go.id/assets/images/logo_agam.png"> 13 <link rel="icon" type="image/png" sizes="32x32" href="https://www.agamkab.go.id/assets/images/logo_agam.png"> 14 <link rel="icon" type="image/png" sizes="16x16" href="https://www.agamkab.go.id/assets/images/logo_agam.png"> 15 <link rel="mask-icon" href="https://www.agamkab.go.id/assets/images/logo_agam.png" color="#2d89ef"> 16 <link rel="shortcut icon" href="https://www.agamkab.go.id/assets/images/logo_agam.png"> 17 <meta name="apple-mobile-web-app-title" content="Website Resmi Kabupaten Agam"> 18 <meta name="application-name" content="Website Resmi Kabupaten Agam"> 19 <meta name="msapplication-TileColor" content="#2d89ef"> 20 <meta name="theme-color" content="#efefef"> 21 <meta name="msapplication-navbutton-color" content="#efefef"> 22 <meta name="apple-mobile-web-app-status-bar-style" content="#efefef"> 23 <meta name="apple-mobile-web-app-capable" content="yes"> 24 <meta name="mobile-web-app-capable" content="yes"> 25 26 <meta charset="utf-8" /> 27 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 28 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 29 30 <meta name="keywords" content="Kabupaten Agam, Agam" /> 31 <meta name="description" content="Letak Geografis Kabupaten Agam" /> 32 <meta name="author" content="Website Resmi Kabupaten Agam" /> 33 <meta name="programmers" content="Dekasi Nurul Haq | Irvan Aulia | M. Reza Fahmi" /> 34 <meta name="designers" content="Habib Al Rahim" /> 35 36 37 <!-- Meta Facebook --> 38 <!-- <meta property="og:title" content="Letak Geografis | Website Resmi Kabupaten Agam" /> 39 <meta property="og:description" content="Letak Geografis Kabupaten Agam" /> 40 <meta property="og:site_name" content="Website Resmi Kabupaten Agam" /> 41 <meta property="og:type" content="article" /> 42 <meta property="og:image" content="https://www.agamkab.go.id/assets/images/logo_agam.png" /> 43 <meta property="og:image:alt" content="Letak Geografis | Website Resmi Kabupaten Agam" /> 44 <meta property="og:image:width" content="1200"> 45 <meta property="og:image:height" content="630"> 46 <meta property="og:url" content="https://www.agamkab.go.id/content/geografis" /> 47 <meta property='og:locale' content='id_ID' /> 48 <meta property='og:locale:alternate' content='en_US' /> 49 <meta property='og:locale:alternate' content='en_GB' /> --> 50 <meta property="og:type" content="article"> 51 <meta property="og:title" content="Letak Geografis | Website Resmi Kabupaten Agam"> 52 <meta property="og:description" content="Letak Geografis Kabupaten Agam"> 53 <meta property="og:image" content="https://images.weserv.nl/?url=https%3A%2F%2Fwww.agamkab.go.id%2Fassets%2Fimages%2Flogo_agam.png&w=1200&h=630&fit=cover"> 54 <meta property="og:image:width" content="1200"> 55 <meta property="og:image:height" content="630"> 56 57 <!-- Meta Twitter --> 58 <meta name='twitter:card' content='summary_large_image' /> 59 <meta name="twitter:title" content="Letak Geografis | Website Resmi Kabupaten Agam" /> 60 <meta name="twitter:image:alt" content="Letak Geografis | Website Resmi Kabupaten Agam" /> 61 <meta name="twitter:description" content="Letak Geografis Kabupaten Agam"> 62 <meta name="twitter:image" content="https://www.agamkab.go.id/assets/images/logo_agam.png" /> 63 <meta name="twitter:url" content="https://www.agamkab.go.id/content/geografis" /> 64 65 <link rel="image_src" href="https://www.agamkab.go.id/assets/images/logo_agam.png" /> 66 67 <!-- PWA Manifest --> 68 <link rel="manifest" href="https://www.agamkab.go.id/manifest/site.webmanifest"> 69 <meta name="msapplication-config" content="https://www.agamkab.go.id/manifest/browserconfig.xml" /> 70
71 <link rel="preconnect" href="https://fonts.googleapis.com"> 72 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 73 <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> 74 <link href="https://fonts.googleapis.com/css2?family=Oleo+Script+Swash+Caps:wght@400;700&family=Praise&display=swap" rel="stylesheet"> 75 <link href="https://fonts.googleapis.com/css2?family=Oleo+Script+Swash+Caps:wght@400;700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Praise&display=swap" rel="stylesheet"> 76 77 78 79 <!-- Bootstrap core CSS --> 80 <link href="https://www.agamkab.go.id/assets/themes/front/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> 81 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"> 82 83 <!-- Additional CSS Files --> 84 <link rel="stylesheet" href="https://www.agamkab.go.id/assets/themes/front/assets/css/style.css"> 85 <link rel="stylesheet" href="https://www.agamkab.go.id/assets/themes/front/assets/css/bootstrap.min.css"> 86 <link rel="stylesheet" href="https://www.agamkab.go.id/assets/themes/front/assets/css/all.css"> 87 <link rel="stylesheet" href="https://www.agamkab.go.id/assets/themes/front/assets/css/all.min.css"> 88 <link rel="stylesheet" href="https://www.agamkab.go.id/assets/themes/front/assets/css/lightbox.css"> 89 90 <!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> --> 91
91<script src="https://www.agamkab.go.id/assets/themes/front/assets/js/jquery-3.7.1.js"></script>
91 92 <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.5/css/jquery.dataTables.min.css"> 93
93<script type="text/javascript" charset="utf-8" src="https://cdn.datatables.net/1.13.5/js/jquery.dataTables.min.js"></script>
93 94 95 96
96<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/swiffy-slider.min.js" crossorigin="anonymous" defer></script>
96 97 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/swiffy-slider.min.css" rel="stylesheet" crossorigin="anonymous"> 98 99
99<script type="text/javascript"> 100 var uri_dasar = 'https://www.agamkab.go.id/'; 101 var uri_mod = 'https://www.agamkab.go.id/'; 102 var csrf_name = 'ci_csrf_token'; 103 var csrf_value = ''; 104 var grecaptcha; 105 </script>
105 106
106<script src="https://www.agamkab.go.id/assets/vendor/auto-csrf/auto-csrf.js?v=1665740168"></script>
106 107
107<script src="https://www.agamkab.go.id/assets/vendor/fancybox/fancybox.umd.js"></script>
107 108 109</head> 110 111<body> 112
112<script src="https://code.responsivevoice.org/responsivevoice.js?key=bzbTAKXD"></script>
112 113
113<script type="text/javascript" src="https://web.animemusic.us/widget_disabilitas.js"></script>
113 114 115 <div id="preloader" class="preloader"> 116 <div id="loading"></div> 117 </div> 118 <!-- <div class="header" id="header"> 119 <div class="container d-flex justify-content-end"> 120 <p><i class="fa-brands fa-square-facebook"></i></p> 121 <p><i class="fa-brands fa-square-instagram"></i></p> 122 <p><i class="fa-brands fa-square-x-twitter"></i></p> 123 <p><i class="fa-brands fa-tiktok"></i></p> 124 <p><i class="fa-solid fa-square-envelope"></i></p> 125 </div> 126 </div> --> 127 <!-- <div class="container-fluid"> 128 <div class="row justify-content-center text-center"> 129 <div class="col-12 p-0"> 130 <img width="100%" height="auto" src="https://www.agamkab.go.id/assets/images/idulfitri-2026.jpg" alt=""> 131 </div> 132 </div> 133 </div> --> 134 <nav class="navbar shadow sticky-top navbar-expand-lg p-3" id="navbar"> 135 <div class="container"> 136 <a class="navbar-brand page-scroll" href="https://www.agamkab.go.id/landing"> 137 <div class="d-flex"> 138 <div class="d-flex"> 139 <!-- <img src="https://www.agamkab.go.id/assets/images/hut80-2.png" alt="Logo Depan" height="48px" style="margin-right:10px;"> --> 140 <img src="https://www.agamkab.go.id/assets/images/logo_agam.png" alt="Logo Depan" height="48px"> 141 </div> 142 <div class="txt-logo"> 143 <p>KABUPATEN AGAM</p> 144 </div> 145 </div> 146 </a> 147 <button class="navbar-toggler navbar-toggler-button-0" type="button" data-bs-toggle="collapse" data-bs-target="#menu" aria-controls="menu" aria-expanded="false" aria-label="Toggle navigation"> 148 <i class="fa-solid fa-ellipsis-vertical toggler-icon"></i> 149 </button> 150 <div class="collapse navbar-collapse justify-content-end align-right text-dark" id="menu"> 151 <ul class="navbar-nav ml-auto"> 152 <li class="nav-item"> 153 <a class="nav-link page-scroll" href="https://www.agamkab.go.id/landing">Beranda</a> 154 </li> 155 <li class="nav-item"> 156 <a class="nav-link page-scroll" href="#">Sekilas Agam <i class="fa-solid fa-chevron-down"></i></a> 157 <ul class="dropdown"> 158 <a href="https://www.agamkab.go.id/content/sejarah"> 159 <li> 160 <!-- <i class="fa-solid fa-hashtag"></i> --> 161 Sejarah Kabupaten Agam 162 </li> 163 </a> 164 <!-- <a href="https://www.agamkab.go.id/content/lambang"> 165 <li> 166 <i class="fa-solid fa-hashtag"></i> 167 Lambang Kabupaten Agam 168 </li> 169 </a> --> 170 <a href="https://www.agamkab.go.id/content/geografis"> 171 <li> 172 <!-- <i class="fa-solid fa-hashtag"></i> --> 173 Letak Geografis 174 </li> 175 </a> 176 <!-- <a href="https://www.agamkab.go.id/content/pahlawan"> 177 <li> 178 <i class="fa-solid fa-hashtag"></i> 179 Pahlawan Kabupaten Agam 180 </li> 181 </a> --> 182 </ul> 183 </li> 184 <li class="nav-item"> 185 <a class="nav-link page-scroll" href="#">Berita & Video<i class="fa-solid fa-chevron-down"></i></a> 186 <ul class="dropdown"> 187 <a href="https://www.agamkab.go.id/content/berita_agam"> 188 <li> 189 <!-- <i class="fa-solid fa-hashtag"></i> --> 190 Berita & Video Agam 191 </li> 192 </a> 193 <a href="https://www.agamkab.go.id/content/berita_nagari"> 194 <li> 195 <!-- <i class="fa-solid fa-hashtag"></i> --> 196 Berita Nagari 197 </li> 198 </a> 199 </ul> 200 </li> 201 <li class="nav-item"> 202 <a class="nav-link page-scroll" href="#">Lainnya <i class="fa-solid fa-chevron-down"></i></a> 203 <ul class="dropdown"> 204 <a href="https://www.agamkab.go.id/content/pengumuman"> 205 <li> 206 <!-- <i class="fa-solid fa-hashtag"></i> --> 207 Pengumuman 208 </li> 209 </a> 210 <a href="https://www.agamkab.go.id/content/ipkd"> 211 <li> 212 <!-- <i class="fa-solid fa-hashtag"></i> -->
213 IPKD 214 </li> 215 </a> 216 <a href="https://www.agamkab.go.id/content/publikasi"> 217 <li> 218 <!-- <i class="fa-solid fa-hashtag"></i> --> 219 Publikasi 220 </li> 221 </a> 222 <a href="https://www.agamkab.go.id/content/infografis"> 223 <li> 224 <!-- <i class="fa-solid fa-hashtag"></i> --> 225 Infografis 226 </li> 227 </a> 228 </ul> 229 </li> 230 <li class="nav-item"> 231 <a class="setting nav-link" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTranslate" aria-controls="offcanvasTranslate"> 232 <i class="bi bi-gear-fill"></i> 233 </a> 234 </li> 235 </ul> 236 <!-- <form class="d-flex"> 237 <input name="search" class="cari_input" type="text" placeholder="Cari..."> 238 </form> --> 239 </div> 240 </div> 241 </nav> 242 243 <section id="konten" class="geografis"> 244 <div class="overlay-konten"> 245 <div class="container grid-sesi1"> 246 <div class="row"> 247 <div class="col-12 col-sm-12 col-md-7 col-lg-8 grid-konten"> 248 <div class="row"> 249 <div class="col-12"> 250 <div class="keterangan d-flex"> 251 <p>Beranda</p> 252 <p>|</p> 253 <p class="aktif">Letak Geografis</p> 254 </div> 255 <div class="judul-konten"> 256 <h1>Letak Geografis Kabupaten Agam</h1> 257 </div> 258 <div class="konten-geo"> 259 <div class="isi-geo"> 260 <img class="img-lambang mb-5" src="https://www.agamkab.go.id/files/uploads/geografis/44c3b4ea7ffd9ceaa9354a5d4e9802a3.jpg" alt="logo" height="auto" width="100%"> 261 <!-- <img class="img-lambang" src="https://www.agamkab.go.id/files/uploads/geografis/44c3b4ea7ffd9ceaa9354a5d4e9802a3.jpg" alt="logo" height="auto" width="100%"> --> 262 <p> Kabupaten Agam terletak di bagian barat Provinsi Sumatera Barat dan memiliki posisi strategis yang berbatasan langsung dengan berbagai kabupaten dan kota penting di sekitarnya. Wilayah Kabupaten Agam mencakup daerah dataran tinggi serta kawasan pesisir yang menghadap Samudra Hindia.�<br>�<br>Secara geografis, Kabupaten Agam berada pada koordinat 0°04â LS hingga 0°28â LS dan 99°46â BT hingga 100°32â BT. Kabupaten ini memiliki luas wilayah sekitar 2.232,30 km², yang terbagi atas 16 kecamatan dengan 92 nagari.�<br>�<br>Adapun batas-batas wilayah Kabupaten Agam adalah sebagai berikut:�<br>�<br>- Sebelah Utara: berbatasan dengan Kabupaten Pasaman dan Kabupaten Pasaman Barat�<br>- Sebelah Selatan: berbatasan dengan Kabupaten Padang Pariaman dan Kota Padang�<br>- Sebelah Barat: berbatasan dengan Samudra Hindia�<br>- Sebelah Timur: berbatasan dengan Kota Bukittinggi, Kota Payakumbuh, dan Kabupaten Lima Puluh Kota�<br>�<br>Kondisi geografis Kabupaten Agam sangat bervariasi, mulai dari dataran tinggi, pegunungan, hingga kawasan pesisir. Di bagian timur, terdapat pegunungan yang melintasi wilayah seperti Gunung Marapi dan Gunung Singgalang. Di bagian barat, Kabupaten Agam memiliki pesisir pantai yang berbatasan langsung dengan Samudra Hindia, seperti di Kecamatan Tanjung Mutiara. Selain itu, salah satu fitur geografis penting di Kabupaten Agam adalah Danau Maninjau, yang terletak di Kecamatan Tanjung Raya, yang menjadi salah satu destinasi wisata unggulan dan sumber daya alam penting bagi masyarakat setempat.�<br>�<br>Kondisi alam Kabupaten Agam juga memberikan kontribusi besar terhadap iklim dan aktivitas ekonomi masyarakat, seperti pertanian, perkebunan, perikanan, dan pariwisata. Kabupaten ini memiliki iklim tropis dengan curah hujan yang relatif tinggi, terutama di wilayah dataran tinggi, menjadikannya salah satu daerah yang subur untuk berbagai jenis tanaman, seperti padi, kopi, dan sayuran.</p> 263 </div> 264 </div> 265 </div> 266 </div> 267 </div> 268 <div class="col-12 col-sm-12 col-md-5 col-lg-4"> 269 <div class="row"> 270 <div class="col-10" id="populer"> 271 <p class="populer">Berita Terbaru</p> 272 <div class="berita-populer d-flex"> 273 <img class="thumbnail-populer" src="https://www.agamkab.go.id/files/uploads/berita/ec70b0e981129228e6e7e3cd9e624495.jpg" alt="thumbnaol"> 274 <div class="text-populer"> 275 <div class="ket-populer d-flex"> 276 <p class="ket">Pembangunan</p> 277 <p class="waktu-posting">4 hari yang lalu</p> 278 </div> 279 <div class="judul-populer"> 280 <a href="https://www.agamkab.go.id/content/detail_berita_agam/meninjau-ruas-jalan-yang-akan-dikerjakan-pada-perubahan-anggaran-tahun-2026-part19"> 281 <p>Meninjau Ruas Jalan yang Akan Dikerjakan pada Perubahan Angg ...</p> 282 </a> 283 </div> 284 </div> 285 </div> 286 <div class="berita-populer d-flex"> 287 <img class="thumbnail-populer" src="https://www.agamkab.go.id/files/uploads/berita/4a18f0b49a9c235664b0cca18602d3a5.jpeg" alt="thumbnaol"> 288 <div class="text-populer"> 289 <div class="ket-populer d-flex"> 290 <p class="ket">Pemerintahan</p> 291 <p class="waktu-posting">
2916 hari yang lalu</p> 292 </div> 293 <div class="judul-populer"> 294 <a href="https://www.agamkab.go.id/content/detail_berita_agam/agam-jadi-lokus-kajian-pemanfaatan-bokb-untuk-tingkatkan-kesertaan-kb-mkjp"> 295 <p>Agam Jadi Lokus Kajian Pemanfaatan BOKB untuk Tingkatkan Kes ...</p> 296 </a> 297 </div> 298 </div> 299 </div> 300 <div class="berita-populer d-flex"> 301 <img class="thumbnail-populer" src="https://www.agamkab.go.id/files/uploads/berita/1f744ae155c186be307d82ea8f73bb83.jpeg" alt="thumbnaol"> 302 <div class="text-populer"> 303 <div class="ket-populer d-flex"> 304 <p class="ket">Pendidikan</p> 305 <p class="waktu-posting">6 hari yang lalu</p> 306 </div> 307 <div class="judul-populer"> 308 <a href="https://www.agamkab.go.id/content/detail_berita_agam/forum-genre-agam-edukasi-siswa-smp-cegah-bullying-dan-triad-krr"> 309 <p>Forum GenRe Agam Edukasi Siswa SMP Cegah Bullying dan TRIAD ...</p> 310 </a> 311 </div> 312 </div> 313 </div> 314 <div class="berita-populer d-flex"> 315 <img class="thumbnail-populer" src="https://www.agamkab.go.id/files/uploads/berita/037a2a3ea57a0b8d9ee60e16781cbcd7.jpg" alt="thumbnaol"> 316 <div class="text-populer"> 317 <div class="ket-populer d-flex"> 318 <p class="ket">Pembangunan</p> 319 <p class="waktu-posting">6 hari yang lalu</p> 320 </div> 321 <div class="judul-populer"> 322 <a href="https://www.agamkab.go.id/content/detail_berita_agam/melihat-langsung-progres-rekonstruksi-jalan-kabupaten-agam-tahun-2026-part18"> 323 <p>Melihat Langsung Progres Rekonstruksi Jalan Kabupaten Agam T ...</p> 324 </a> 325 </div> 326 </div> 327 </div> 328 </div> 329 </div> 330 </div> 331 </div> 332 </div> 333 </div> 334</section> 335 336 <!-- <div style="position:fixed;right:15px;bottom: 50%;"> 337 <a href="https://wa.me/628116681159?text=Assalamu%27alaikum%2C%20Saya%20ada%20pertanyaan"> 338 <button class="btn btn-primary" type="button" disabled> 339 <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span> 340 <img style=" vertical-align:center; width: 36px" src="https://www.agamkab.go.id/assets/images/whatsapp.png" alt=""> 341 </button> --> 342 343 <!-- <button style="background:#D3D3D3;vertical-align:center;height:50px;" class="btn"> --> 344 <!-- <span class="fab fa-whatsapp "></span></button></a> --> 345 346 347 348 <footer id="footer"> 349 <div class="container"> 350 <div class="row"> 351 <div class="col-12 col-sm-12 col-md-12 col-lg-5 mb-5"> 352 <div class="d-flex container-logo-footer justify-content-center"> 353 <img class="logo-footer" src="https://www.agamkab.go.id/assets/images/logo-agam-new1.png" alt="logo"> 354 <img class="logo-footer" src="https://www.agamkab.go.id/assets/images/logo_berakhlak.png" alt="logo"> 355 <img class="logo-footer" src="https://www.agamkab.go.id/assets/images/logo_bmb.png" alt="logo"> 356 </div> 357 <p class="teks-footer"> 358 Kabupaten Agam adalah sebuah kabupaten yang terletak di provinsi Sumatera Barat, Indonesia. Penamaan kabupaten ini dengan nama kabupaten Agam, didasari oleh Tambo, di mana sebelumnya beberapa nagari yang berada dalam kawasan kabupaten ini sekarang, dahulunya dikenal juga dengan nama Luhak Agam 359 </p> 360 <div class="d-flex"> 361 <div class="icon-sosmed"><a href=""><i class="fa-solid fa-at" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="[email protected]"></i></a></div> 362 <div class="icon-sosmed"><a href="https://t.me/+ociFCrL0QDJlYWE1"><i class="fa-brands fa-telegram"></i></a></div> 363 <div class="icon-sosmed"><a href="https://www.instagram.com/diskominfo.agam/"><i class="fa-brands fa-instagram"></i></a></div> 364 <div class="icon-sosmed"><a href="https://www.facebook.com/kominfoagam.official "><i class="fa-brands fa-square-facebook"></i></a></div> 365 <div class="icon-sosmed"><a href="https://www.tiktok.com/@diskominfoagam"><i class="fa-brands fa-tiktok"></i></a></div> 366 <div class="icon-sosmed"><a href="https://www.youtube.com/c/DiskominfoAgam"><i class="fa-brands fa-youtube"></i></a></div> 367 </div> 368 </div> 369 <div class="col-12 col-sm-12 col-md-12 col-lg-7 mb-3"> 370 <div class="row"> 371 <div class="col-12 col-sm-12 col-md-12 col-lg-12"> 372 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3989.7590545035027!2d100.02952227396875!3d-0.3122941353350755!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2fd50cde40561d59%3A0x6d8218d63c759221!2sDinas%20Komunikasi%20dan%20Informatika%20Kab.%20Agam!5e0!3m2!1sid!2sid!4v1732588505621!5m2!1sid!2sid" width="100%" height="200" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> 373 </div> 374 <h6 class="nama-dinas"><i class="fa-solid fa-building"></i> DINAS KOMUNIKASI DAN INFORMATIKA KABUPATEN AGAM</h6> 375 </div> 376 <div class="row menu-footer"> 377 <div class="col-12 col-sm-12 col-md-12 col-lg-6 mb-3"> 378 <h6><i class="fa-solid fa-location-crosshairs"></i> Alamat</h6> 379 <p>Jl. Soekarno-Hatta, Lubuk Basung, Kec. Lubuk Basung, Kabupaten Agam, Sumatera Barat. 26452</p> 380 </div> 381 <div class="col-12 col-sm-12 col-md-12 col-lg-6 mb-3"> 382 <h6><i class="fa-solid fa-clock"></i> Jam Kerja</h6> 383 <table> 384 <tr> 385 <td>Senin - Kamis</td> 386 <td>:</td> 387 <td>07.30 - 16.00</td> 388 </tr> 389 <tr> 390 <td>Jum'at</td> 391 <td>:</td> 392 <td>07.30 - 16.30</td> 393 </tr> 394 </table> 395 </div> 396 </div> 397 </div> 398 </div> 399 <div class="row"> 400 <div class="col-12 col-sm-12 col-md-12 col-lg-12 hak-cipta"> 401 <div class="text-center"> 402 <p>Made with â¤ï¸ Programmer Dinas Komunikasi & Informatika Kabupaten Agam 2025.</p> 403 </div> 404 </div> 405 </div> 406 </div> 407 </footer> 408 409 <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasTranslate" aria-labelledby="offcanvasTranslateLabel"> 410 <div class="offcanvas-header"> 411 <h5 class="offcanvas-title" id="offcanvasTranslateLabel">Setting</h5> 412 <button type="button" class="btn" data-bs-dismiss="offcanvas" aria-label="Close"> 413 <i class="bi bi-x-lg text-white fs-4"></i> 414 </button> 415 </div> 416 <div class="offcanvas-body"> 417 <div class="custom-translate-box"> 418 <select class="form-select" onchange="doGTranslate(this);"> 419 <option value="">-- Pilih Bahasa --</option> 420 <option value="id|min">ð²ð¨ Bahasa Minangkabau</option> 421 <option value="id|en">ð¬ð§ Bahasa Inggris</option> 422 <option value="id|ko">ð°ð· Bahasa Korea</option> 423 <option value="id|ja">ð¯ðµ Bahasa Jepang</option> 424 <option value="id|ms">ð²ð¾ Bahasa Malaysia</option> 425 <option value="id|de">ð©ðª Bahasa Jerman</option> 426 </select> 427 </div> 428 <!-- <hr> 429 <a class="weatherwidget-io" href="https://forecast7.com/en/n0d22100d17/agam-regency/" 430 data-label_1="AGAM" 431 data-label_2="Cuaca Hari Ini" 432 data-font="Helvetica" 433 data-icons="Climacons Animated" 434 data-theme="weather_one" > 435 AGAM Cuaca Hari Ini</a> 436
436<script> 437 !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js'); 438 </script>
438 --> 439 </div> 440 </div> 441 442 <!-- Scripts --> 443
443<script src="https://www.agamkab.go.id/assets/themes/front/assets/js/popper.min.js"></script>
443 444
444<script src="https://www.agamkab.go.id/assets/themes/front/assets/js/bootstrap.min.js"></script>
444 445
445<script src="https://www.agamkab.go.id/assets/themes/front/assets/js/lightbox.js"></script>
445 446 <!--
446<script src="https://website-widgets.pages.dev/dist/sienna.min.js" defer></script>
446 --> 447 448 449 <!--
449<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
449 --> 450 <!--
450<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
450 --> 451
451<script> 452 $(document).ready(function() { 453 $('#tabel-data').DataTable(); 454 }); 455 </script>
455 456 457
457<script> 458 const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]') 459 const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl)) 460 </script>
460 461 462
462<script> 463 function bannerSwitcher() { 464 next = $('.sec-1-input').filter(':checked').next('.sec-1-input'); 465 if (next.length) next.prop('checked', true); 466 else $('.sec-1-input').first().prop('checked', true); 467 } 468 469 var bannerTimer = setInterval(bannerSwitcher, 5000); 470 471 $('nav .controls label').click(function() { 472 clearInterval(bannerTimer); 473 bannerTimer = setInterval(bannerSwitcher, 5000) 474 }); 475 476 function bahasa(bahasa) { 477 $.ajax({ 478 type: "GET", 479 url: "https://www.agamkab.go.id/bahasa/set_bahasa", 480 data: "bahasa=" + bahasa, 481 success: function(data2) { 482 console.log(data2); 483 location.reload(); 484 } 485 }); 486 } 487 </script>
487 488 489 <!--
489<script> 490 const flipCard = document.querySelector('.flip-logo'); 491 setInterval(() => { 492 flipCard.classList.toggle('flipped'); 493 }, 5000); 494</script>
494 --> 495 <!--
495<script> 496 const flipCardpreloader = document.querySelector('.logo-preloader'); 497 setInterval(() => { 498 flipCardpreloader.classList.toggle('flipped'); 499 }, 500); 500</script>
500 --> 501
501<script type="text/javascript"> 502 $(document).ready(function() { 503 $(window).scroll(function() { 504 $('#navbar').toggleClass('scrolled', $(this).scrollTop() > 50); 505 }); 506 }); 507 </script>
507 508
508<script> 509 document.addEventListener("DOMContentLoaded", () => { 510 // Simulate an API request or any async operation 511 setTimeout(() => { 512 hideLoader(); 513 }, 1000); // Replace with your actual data loading logic and time 514 515 function hideLoader() { 516 const loader = document.getElementById("preloader"); 517 loader.style.display = "none"; 518 519 } 520 }); 521 </script>
521 522 523 <!-- Google Translate Engine --> 524<div id="google_translate_element" style="display: none;"></div>
525<script type="text/javascript"> 526function googleTranslateElementInit() { 527 new google.translate.TranslateElement({pageLanguage: 'id'}, 'google_translate_element'); 528} 529</script>
vendor: 2 bytes, line 529
529
530<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
530 531 532<!-- Fungsi doGTranslate -->
533<script type="text/javascript"> 534function doGTranslate(lang_pair) { 535 if (lang_pair.value) lang_pair = lang_pair.value; 536 if (lang_pair == '') return; 537 var lang = lang_pair.split('|')[1]; 538 var teCombo; 539 var sel = document.getElementsByTagName('select'); 540 for (var i = 0; i < sel.length; i++) 541 if (sel[i].className.indexOf('goog-te-combo') != -1) { 542 teCombo = sel[i]; 543 break; 544 } 545 if (teCombo && document.createEvent) { 546 var event = document.createEvent("HTMLEvents"); 547 event.initEvent("change", true, true); 548 teCombo.value = lang; 549 teCombo.dispatchEvent(event); 550 } 551} 552</script>
552 553 554</body> 555 556</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.