PageSourceSearch

https://www.agamkab.go.id/content/geografis

html agamkab.go.id collected 2026-10-02 16:23:29 UTC 33,516 bytes, 556 lines download raw bytes

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.