1 2<!DOCTYPE html> 3<html lang="en"> 4 <head> 5 <meta charSet="utf-8" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1" /> 7 <link rel="preconnect" href="https://fonts.googleapis.com" /> 8 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" /> 9 <link href="https://fonts.googleapis.com/css2?family=Outfit&display=swap" rel="stylesheet" /> 10 <title>Statistik Penduduk | Website Resmi Desa Bangun Sari</title> 11 <meta property="og:title" content="Statistik Penduduk Desa Bangun Sari" /> 12 <meta name="description" content="Website Resmi Desa Bangun Sari, bekerja sama dengan DIGIDES" /> 13 <meta property="og:description" content="Website Resmi Desa Bangun Sari, bekerja sama dengan DIGIDES" /> 14 <meta name="canonical" content="https://desabangunsari.net/" /> 15 <meta name="robots" content="index, follow" /> 16 <meta name="application-name" content="Website Profil Desa by DIGIDES" /> 17 <meta name="generator" content="Remix" /> 18 <meta name="publisher" content="Pemerintah Desa Bangun Sari" /> 19 <link rel="icon" href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&s" /> 20 <meta property="og:url" content="https://Bangun Sari.digitaldesa.id/infografis/penduduk" /> 21 <meta property="og:site_name" content="Website Resmi Desa Bangun Sari" /> 22 <meta property="og:image" content="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&s" /> 23 <meta property="og:image:width" content="256" /> 24 <meta property="og:image:height" content="256" /> 25 <meta property="og:image:alt" content="Logo Desa Bangun Sari" /> 26 <meta property="og:locale" content="id_ID" /> 27 <meta property="og:type" content="website" /> 28 <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/user-CKLW1QS4.css" /> 29 <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/root-DNBMDKXY.css" /> 30 <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-C4CBZJHj.css" /> 31 <link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-BQaDTEMx.css" /> 32
32<script data-mantine-script="true"> 33 try { 34 var _colorScheme = window.localStorage.getItem("mantine-color-scheme-value"); 35 var colorScheme = _colorScheme === "light" || _colorScheme === "dark" || _colorScheme === "auto" ? _colorScheme : "light"; 36 var computedColorScheme = colorScheme !== "auto" ? colorScheme : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; 37 document.documentElement.setAttribute("data-mantine-color-scheme", computedColorScheme); 38 } catch (e) {} 39 </script>
vendor: 62 bytes, lines 39-40
39 40 <script src="https://www.googletagmanager.com/gtag/js?id=
40G-FLQYW0G73E
vendor: 16 bytes, lines 40-41
40"></script> 41
41<script id="google-analytics"> 42
vendor: 163 bytes, lines 42-48
42window.dataLayer = window.dataLayer || []; 43 44 function gtag() { 45 dataLayer.push(arguments); 46 } 47 gtag('js', new Date()); 48 gtag('config', '
48G-FLQYW0G73E
vendor: 63 bytes, lines 48-51
48', { 49 page_path: window.location.pathname 50 }); 51
51</script>
51 52 </head> 53 <body> 54 <style data-mantine-styles="true"> 55 :root { 56 --mantine-font-family: Outfit; 57 --mantine-font-family-headings: Outfit; 58 --mantine-primary-color-filled: var(--mantine-color-primary-filled); 59 --mantine-primary-color-filled-hover: var(--mantine-color-primary-filled-hover); 60 --mantine-primary-color-light: var(--mantine-color-primary-light); 61 --mantine-primary-color-light-hover: var(--mantine-color-primary-light-hover); 62 --mantine-primary-color-light-color: var(--mantine-color-primary-light-color); 63 --mantine-primary-color-0: var(--mantine-color-primary-0); 64 --mantine-primary-color-1: var(--mantine-color-primary-1); 65 --mantine-primary-color-2: var(--mantine-color-primary-2); 66 --mantine-primary-color-3: var(--mantine-color-primary-3); 67 --mantine-primary-color-4: var(--mantine-color-primary-4); 68 --mantine-primary-color-5: var(--mantine-color-primary-5); 69 --mantine-primary-color-6: var(--mantine-color-primary-6); 70 --mantine-primary-color-7: var(--mantine-color-primary-7); 71 --mantine-primary-color-8: var(--mantine-color-primary-8); 72 --mantine-primary-color-9: var(--mantine-color-primary-9); 73 --mantine-color-primary-0: #B3FFEA; 74 --mantine-color-primary-1: #73EDC5; 75 --mantine-color-primary-2: #52C7A1; 76 --mantine-color-primary-3: #4A977E; 77 --mantine-color-primary-4: #298064; 78 --mantine-color-primary-5: #0F7050; 79 --mantine-color-primary-6: #006643; 80 --mantine-color-primary-7: #005936; 81 --mantine-color-primary-8: #004329; 82 --mantine-color-primary-9: #00321F; 83 --mantine-color-secondary-0: #E3FFC1; 84 --mantine-color-secondary-1: #B9E581; 85 --mantine-color-secondary-2: #95FD0F; 86 --mantine-color-secondary-3: #77FA00; 87 --mantine-color-secondary-4: #59BD00; 88 --mantine-color-secondary-5: #438E00; 89 --mantine-color-secondary-6: #326A00; 90 --mantine-color-secondary-7: #265000; 91 --mantine-color-secondary-8: #000000; 92 --mantine-color-secondary-9: #000000; 93 } 94 95 :root[data-mantine-color-scheme="dark"] { 96 --mantine-color-anchor: var(--mantine-color-primary-4); 97 --mantine-color-primary-text: var(--mantine-color-primary-4); 98 --mantine-color-primary-filled: var(--mantine-color-primary-8); 99 --mantine-color-primary-filled-hover: var(--mantine-color-primary-9); 100 --mantine-color-primary-light: rgba(0, 102, 67, 0.15); 101 --mantine-color-primary-light-hover: rgba(0, 102, 67, 0.2); 102 --mantine-color-primary-light-color: var(--mantine-color-primary-3); 103 --mantine-color-primary-outline: var(--mantine-color-primary-4); 104 --mantine-color-primary-outline-hover: rgba(41, 128, 100, 0.05); 105 --mantine-color-secondary-text: var(--mantine-color-secondary-4); 106 --mantine-color-secondary-filled: var(--mantine-color-secondary-8); 107 --mantine-color-secondary-filled-hover: var(--mantine-color-secondary-9); 108 --mantine-color-secondary-light: rgba(50, 106, 0, 0.15); 109 --mantine-color-secondary-light-hover: rgba(50, 106, 0, 0.2); 110 --mantine-color-secondary-light-color: var(--mantine-color-secondary-3); 111 --mantine-color-secondary-outline: var(--mantine-color-secondary-4); 112 --mantine-color-secondary-outline-hover: rgba(89, 189, 0, 0.05); 113 } 114 115 :root[data-mantine-color-scheme="light"] { 116 --mantine-color-anchor: var(--mantine-color-primary-6); 117 --mantine-color-primary-text: var(--mantine-color-primary-filled); 118 --mantine-color-primary-filled: var(--mantine-color-primary-6); 119 --mantine-color-primary-filled-hover: var(--mantine-color-primary-7); 120 --mantine-color-primary-light: rgba(0, 102, 67, 0.1); 121 --mantine-color-primary-light-hover: rgba(0, 102, 67, 0.12); 122 --mantine-color-primary-light-color: var(--mantine-color-primary-6); 123 --mantine-color-primary-outline: var(--mantine-color-primary-6); 124 --mantine-color-primary-outline-hover: rgba(0, 102, 67, 0.05); 125 --mantine-color-secondary-text: var(--mantine-color-secondary-filled); 126 --mantine-color-secondary-filled: var(--mantine-color-secondary-6); 127 --mantine-color-secondary-filled-hover: var(--mantine-color-secondary-7); 128 --mantine-color-secondary-light: rgba(50, 106, 0, 0.1); 129 --mantine-color-secondary-light-hover: rgba(50, 106, 0, 0.12); 130 --mantine-color-secondary-light-color: var(--mantine-color-secondary-6); 131 --mantine-color-secondary-outline: var(--mantine-color-secondary-6); 132 --mantine-color-secondary-outline-hover: rgba(50, 106, 0, 0.05); 133 } 134 </style> 135 <style data-mantine-styles="classes"> 136 @media (max-width: 35.99375em) { 137 .mantine-visible-from-xs { 138 display: none !important; 139 } 140 } 141 142 @media (min-width: 36em) { 143 .mantine-hidden-from-xs { 144 display: none !important; 145 } 146 } 147 148 @media (max-width: 47.99375em) { 149 .mantine-visible-from-sm { 150 display: none !important; 151 } 152 } 153 154 @media (min-width: 48em) { 155 .mantine-hidden-from-sm { 156 display: none !important; 157 } 158 } 159 160 @media (max-width: 61.99375em) { 161 .mantine-visible-from-md { 162 display: none !important; 163 } 164 } 165 166 @media (min-width: 62em) { 167 .mantine-hidden-from-md { 168 display: none !important; 169 } 170 } 171 172 @media (max-width: 74.99375em) { 173 .mantine-visible-from-lg { 174 display: none !important; 175 } 176 } 177 178 @media (min-width: 75em) { 179 .mantine-hidden-from-lg { 180 display: none !important; 181 } 182 } 183 184 @media (max-width: 87.99375em) { 185 .mantine-visible-from-xl { 186 display: none !important; 187 } 188 } 189 190 @media (min-width: 88em) { 191 .mantine-hidden-from-xl { 192 display: none !important; 193 } 194 } 195 </style> 196 <style data-mantine-styles="inline"> 197 :root { 198 --app-shell-padding: 0px; 199 } 200 </style> 201 <div style="min-height:100vh;display:grid;grid-template-rows:auto max-content;grid-template-columns:100%;--app-shell-transition-duration:200ms;--app-shell-transition-timing-function:ease;background:#F6F6F6" class="m-89ab340 mantine-AppShell-root"> 202 <style data-mantine-styles="inline"> 203 .__m__-R3deql { 204 padding-inline: calc(0.625rem * var(--mantine-scale)); 205 background: var(--mantine-color-primary-6); 206 } 207 208 @media(min-width: 48em) { 209 .__m__-R3deql { 210 padding-inline: calc(1.875rem * var(--mantine-scale)); 211 background: var(--mantine-color-primary-6); 212 } 213 } 214 </style> 215 <header style="--app-shell-header-z-index:100;padding-block:calc(0.625rem * var(--mantine-scale))" class="m-3b16f56b mantine-AppShell-header right-scroll-bar-position __m__-R3deql"> 216 <div style="--group-gap:0rem;--group-align:center;--group-justify:space-between;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root"> 217 <a style="text-decoration:none" data-discover="true" href="/"> 218 <div style="--group-gap:var(--mantine-spacing-xs);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root"> 219 <style data-mantine-styles="inline"> 220 .__m__-Rd9mjdeql { 221 width: calc(2.5rem * var(--mantine-scale)); 222 } 223 224 @media(min-width: 48em) { 225 .__m__-Rd9mjdeql { 226 width: calc(3.125rem * var(--mantine-scale)); 227 } 228 } 229 230 @media(min-width: 62em) { 231 .__m__-Rd9mjdeql { 232 width: calc(3.75rem * var(--mantine-scale)); 233 } 234 } 235 236 @media(min-width: 75em) { 237 .__m__-Rd9mjdeql { 238 width: calc(4.375rem * var(--mantine-scale)); 239 } 240 } 241 </style> 242 <img class="m-9e117634 mantine-Image-root __m__-Rd9mjdeql" src="https://encrypted-tbn0.gstatic.
242com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&s" alt="Logo" /> 243 <style data-mantine-styles="inline"> 244 .__m__-Rl9mjdeql { 245 color: #fff; 246 } 247 248 @media(min-width: 48em) { 249 .__m__-Rl9mjdeql { 250 color: var(--mantine-color-white); 251 } 252 } 253 </style> 254 <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root __m__-Rl9mjdeql"> 255 <style data-mantine-styles="inline"> 256 @media(min-width: 48em) { 257 .__m__-Rdl9mjdeql { 258 font-size: var(--mantine-font-size-sm); 259 } 260 } 261 262 @media(min-width: 62em) { 263 .__m__-Rdl9mjdeql { 264 font-size: var(--mantine-font-size-md); 265 } 266 } 267 268 @media(min-width: 75em) { 269 .__m__-Rdl9mjdeql { 270 font-size: var(--mantine-font-size-lg); 271 } 272 } 273 </style> 274 <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdl9mjdeql">Desa Bangun Sari</p> 275 <style data-mantine-styles="inline"> 276 .__m__-Rll9mjdeql { 277 font-size: var(--mantine-font-size-xs); 278 } 279 280 @media(min-width: 48em) { 281 .__m__-Rll9mjdeql { 282 font-size: var(--mantine-font-size-xs); 283 } 284 } 285 286 @media(min-width: 62em) { 287 .__m__-Rll9mjdeql { 288 font-size: var(--mantine-font-size-sm); 289 } 290 } 291 292 @media(min-width: 75em) { 293 .__m__-Rll9mjdeql { 294 font-size: var(--mantine-font-size-md); 295 } 296 } 297 </style> 298 <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rll9mjdeql">Kabupaten 299 <!-- --> 300 <!-- -->Deli Serdang 301 </p> 302 </div> 303 </div> 304 </a> 305 <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root"> 306 <div style="--group-gap:var(--mantine-spacing-xl);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root mantine-visible-from-sm"> 307 <a class="mantine-focus-auto m-849cf0da _navbarItem_5fyk1_3 m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" data-discover="true" href="/"> 308 <style data-mantine-styles="inline"> 309 @media(min-width: 48em) { 310 .__m__-Rd3bamjdeql { 311 color: var(--mantine-color-white); 312 font-size: var(--mantine-font-size-sm); 313 } 314 } 315 316 @media(min-width: 62em) { 317 .__m__-Rd3bamjdeql { 318 font-size: var(--mantine-font-size-md); 319 } 320 } 321 322 @media(min-width: 75em) { 323 .__m__-Rd3bamjdeql { 324 font-size: var(--mantine-font-size-lg); 325 } 326 } 327 </style> 328 <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rd3bamjdeql">Home</p> 329 </a> 330 <a class="mantine-focus-auto m-849cf0da _navbarItem_5fyk1_3 m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" data-discover="true" href="/profil"> 331 <style data-mantine-styles="inline"> 332 @media(min-width: 48em) { 333 .__m__-Rd5bamjdeql { 334 color: var(--mantine-color-white); 335 font-size: var(--mantine-font-size-sm); 336 } 337 } 338 339 @media(min-width: 62em) { 340 .__m__-Rd5bamjdeql { 341 font-size: var(--mantine-font-size-md); 342 } 343 } 344 345 @media(min-width: 75em) { 346 .__m__-Rd5bamjdeql { 347 font-size: var(--mantine-font-size-lg); 348 } 349 } 350 </style> 351 <p style="font-weight:bold" class="mantine-focus-auto m-b6
351d8b162 mantine-Text-root __m__-Rd5bamjdeql">Profil Desa</p> 352 </a> 353 <a class="mantine-focus-auto m-849cf0da _navbarItem_5fyk1_3 m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" data-is-active="true" data-discover="true" href="/infografis"> 354 <style data-mantine-styles="inline"> 355 @media(min-width: 48em) { 356 .__m__-Rd7bamjdeql { 357 color: var(--mantine-color-white); 358 font-size: var(--mantine-font-size-sm); 359 } 360 } 361 362 @media(min-width: 62em) { 363 .__m__-Rd7bamjdeql { 364 font-size: var(--mantine-font-size-md); 365 } 366 } 367 368 @media(min-width: 75em) { 369 .__m__-Rd7bamjdeql { 370 font-size: var(--mantine-font-size-lg); 371 } 372 } 373 </style> 374 <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rd7bamjdeql">Infografis</p> 375 </a> 376 <a class="mantine-focus-auto m-849cf0da _navbarItem_5fyk1_3 m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" data-discover="true" href="/listing"> 377 <style data-mantine-styles="inline"> 378 @media(min-width: 48em) { 379 .__m__-Rd9bamjdeql { 380 color: var(--mantine-color-white); 381 font-size: var(--mantine-font-size-sm); 382 } 383 } 384 385 @media(min-width: 62em) { 386 .__m__-Rd9bamjdeql { 387 font-size: var(--mantine-font-size-md); 388 } 389 } 390 391 @media(min-width: 75em) { 392 .__m__-Rd9bamjdeql { 393 font-size: var(--mantine-font-size-lg); 394 } 395 } 396 </style> 397 <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rd9bamjdeql">Listing</p> 398 </a> 399 <a class="mantine-focus-auto m-849cf0da _navbarItem_5fyk1_3 m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" data-discover="true" href="/infografis/idm"> 400 <style data-mantine-styles="inline"> 401 @media(min-width: 48em) { 402 .__m__-Rdbbamjdeql { 403 color: var(--mantine-color-white); 404 font-size: var(--mantine-font-size-sm); 405 } 406 } 407 408 @media(min-width: 62em) { 409 .__m__-Rdbbamjdeql { 410 font-size: var(--mantine-font-size-md); 411 } 412 } 413 414 @media(min-width: 75em) { 415 .__m__-Rdbbamjdeql { 416 font-size: var(--mantine-font-size-lg); 417 } 418 } 419 </style> 420 <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdbbamjdeql">IDM</p> 421 </a> 422 <a class="mantine-focus-auto m-849cf0da _navbarItem_5fyk1_3 m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" data-discover="true" href="/berita"> 423 <style data-mantine-styles="inline"> 424 @media(min-width: 48em) { 425 .__m__-Rddbamjdeql { 426 color: var(--mantine-color-white); 427 font-size: var(--mantine-font-size-sm); 428 } 429 } 430 431 @media(min-width: 62em) { 432 .__m__-Rddbamjdeql { 433 font-size: var(--mantine-font-size-md); 434 } 435 } 436 437 @media(min-width: 75em) { 438 .__m__-Rddbamjdeql { 439 font-size: var(--mantine-font-size-lg); 440 } 441 } 442 </style> 443 <p style="font-weight:bold" class="mantine-focus-auto m-b6
443d8b162 mantine-Text-root __m__-Rddbamjdeql">Berita</p> 444 </a> 445 <a class="mantine-focus-auto m-849cf0da _navbarItem_5fyk1_3 m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" data-discover="true" href="/belanja"> 446 <style data-mantine-styles="inline"> 447 @media(min-width: 48em) { 448 .__m__-Rdfbamjdeql { 449 color: var(--mantine-color-white); 450 font-size: var(--mantine-font-size-sm); 451 } 452 } 453 454 @media(min-width: 62em) { 455 .__m__-Rdfbamjdeql { 456 font-size: var(--mantine-font-size-md); 457 } 458 } 459 460 @media(min-width: 75em) { 461 .__m__-Rdfbamjdeql { 462 font-size: var(--mantine-font-size-lg); 463 } 464 } 465 </style> 466 <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdfbamjdeql">Belanja</p> 467 </a> 468 <a class="mantine-focus-auto m-849cf0da _navbarItem_5fyk1_3 m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" data-discover="true" href="/ppid"> 469 <style data-mantine-styles="inline"> 470 @media(min-width: 48em) { 471 .__m__-Rdhbamjdeql { 472 color: var(--mantine-color-white); 473 font-size: var(--mantine-font-size-sm); 474 } 475 } 476 477 @media(min-width: 62em) { 478 .__m__-Rdhbamjdeql { 479 font-size: var(--mantine-font-size-md); 480 } 481 } 482 483 @media(min-width: 75em) { 484 .__m__-Rdhbamjdeql { 485 font-size: var(--mantine-font-size-lg); 486 } 487 } 488 </style> 489 <p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdhbamjdeql">PPID</p> 490 </a> 491 </div> 492 <div style="--group-gap:var(--mantine-spacing-xs);--group-align:center;--group-justify:flex-start;--group-wrap:wrap;margin-left:calc(1.5rem * var(--mantine-scale))" class="m-4081bf90 mantine-Group-root"></div> 493 </div> 494 <button style="--burger-color:#fff;--burger-size:var(--burger-size-md)" class="mantine-focus-auto m-fea6bf1a mantine-Burger-root m-87cf2631 mantine-UnstyledButton-root mantine-hidden-from-sm" data-size="md" type="button" color="#fff"> 495 <div class="m-d4fb9cad mantine-Burger-burger" data-reduce-motion="true"></div> 496 </button> 497 </div> 498 </header> 499 <div class=""> 500 <style data-mantine-styles="inline"> 501 .__m__-R2ldeql { 502 margin-top: calc(2.5rem * var(--mantine-scale)); 503 } 504 505 @media(min-width: 48em) { 506 .__m__-R2ldeql { 507 margin-top: calc(5rem * var(--mantine-scale)); 508 } 509 } 510 511 @media(min-width: 75em) { 512 .__m__-R2ldeql { 513 max-width: var(--mantine-breakpoint-lg); 514 } 515 } 516 517 @media(min-width: 88em) { 518 .__m__-R2ldeql { 519 max-width: var(--mantine-breakpoint-xl); 520 } 521 } 522 </style> 523 <div style="overflow:visible;margin-bottom:var(--mantine-spacing-xl);padding-inline:var(--mantine-spacing-md);padding-block:var(--mantine-spacing-xl)" class="m-7485cace mantine-Container-root __m__-R2ldeql"> 524 <div style="--tabs-radius:var(--mantine-radius-default);--tabs-color:var(--mantine-color-primary-filled)" class="m-89d60db1 mantine-Tabs-root" data-variant="default" data-orientation="horizontal" id="mantine-R2mldeql"> 525 <div style="--sa-corner-width:0px;--sa-corner-height:0px;width:90vw" class="m-d57069b5 mantine-ScrollArea-root"> 526 <div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-scrollbars="xy"> 527 <div style="min-width:100%;display:table"> 528 <div style="margin:auto;margin-bottom:calc(1.875rem * var(--mantine-scale));color:#5A5E62;width:calc(37.5rem * var(--mantine-scale))" class="m-576c9d4 m-89d33d6d mantine-Tabs-list mantine-hidden-from-sm" data-variant="default" data-grow="true" data-orientation="horizontal" role="tablist" aria-orientation="horizontal"> 529 <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-active="true" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-penduduk" aria-selected="true" tabindex="0" aria-controls="mantine-R2mldeql-panel-penduduk" data-discover="true" href="/infografis/penduduk">
530 <span class="mantine-Tabs-tabLabel"> 531 <div style="display:block;text-align:center;font-weight:bold"> 532 <div> 533 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-users" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))"> 534 <path d="M9 7m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path> 535 <path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"></path> 536 <path d="M16 3.13a4 4 0 0 1 0 7.75"></path> 537 <path d="M21 21v-2a4 4 0 0 0 -3 -3.85"></path> 538 </svg> 539 </div>Penduduk 540 </div> 541 </span> 542 </a> 543 <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-apbdes" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-apbdes" data-discover="true" href="/infografis/apbdes"> 544 <span class="mantine-Tabs-tabLabel"> 545 <div style="display:block;text-align:center;font-weight:bold"> 546 <div> 547 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-cash" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))"> 548 <path d="M7 9m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path> 549 <path d="M14 14m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path> 550 <path d="M17 9v-2a2 2 0 0 0 -2 -2h-10a2 2 0 0 0 -2 2v6a2 2 0 0 0 2 2h2"></path> 551 </svg> 552 </div>APBDes 553 </div> 554 </span> 555 </a> 556 <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-stunting" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-stunting" data-discover="true" href="/infografis/stunting"> 557 <span class="mantine-Tabs-tabLabel"> 558 <div style="display:block;text-align:center;font-weight:bold"> 559 <div> 560 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chart-bar" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))"> 561 <path d="M3 12m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path> 562 <path d="M9 8m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path> 563 <path d="M15 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path> 564 <path d="M4 20l14 0"></path> 565 </svg> 566 </div>Stunting 567 </div> 568 </span> 569 </a> 570 <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-bansos" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-bansos" data-discover="true" href="/infografis/bansos">
571 <span class="mantine-Tabs-tabLabel"> 572 <div style="display:block;text-align:center;font-weight:bold"> 573 <div> 574 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-package" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))"> 575 <path d="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5"></path> 576 <path d="M12 12l8 -4.5"></path> 577 <path d="M12 12l0 9"></path> 578 <path d="M12 12l-8 -4.5"></path> 579 <path d="M16 5.25l-8 4.5"></path> 580 </svg> 581 </div>Bansos 582 </div> 583 </span> 584 </a> 585 <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-idm" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-idm" data-discover="true" href="/infografis/idm"> 586 <span class="mantine-Tabs-tabLabel"> 587 <div style="display:block;text-align:center;font-weight:bold"> 588 <div> 589 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-crown" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))"> 590 <path d="M12 6l4 6l5 -4l-2 10h-14l-2 -10l5 4z"></path> 591 </svg> 592 </div>IDM 593 </div> 594 </span> 595 </a> 596 <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-sdgs" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-sdgs" data-discover="true" href="/infografis/sdgs"> 597 <span class="mantine-Tabs-tabLabel"> 598 <div style="display:block;text-align:center;font-weight:bold"> 599 <div> 600 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-numbers" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))"> 601 <path d="M8 10v-7l-2 2"></path> 602 <path d="M6 16a2 2 0 1 1 4 0c0 .591 -.601 1.46 -1 2l-3 3h4"></path> 603 <path d="M15 14a2 2 0 1 0 2 -2a2 2 0 1 0 -2 -2"></path> 604 <path d="M6.5 10h3"></path> 605 </svg> 606 </div>SDGs 607 </div> 608 </span> 609 </a> 610 </div> 611 </div> 612 </div> 613 <div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" data-hidden="true" style="position:absolute;--sa-thumb-width:18px"></div> 614 <div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-hidden="true" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div> 615 </div> 616 <style data-mantine-styles="inline"> 617 .__m__-R5emldeql { 618 --grid-gutter: var(--mantine-spacing-xs); 619 } 620 </style> 621 <div style="--grid-justify:center;--grid-align:center" class="m-410352e9 mantine-Grid-root __m__-R5emldeql mantine-visible-from-sm"> 622 <div class="m-dee7bd2f mantine-Grid-inner"> 623 <style data-mantine-styles="inline"> 624 .__m__-Rrdemldeql { 625 --col-flex-grow: 1; 626 --col-flex-basis: 41.66666666666667%; 627 --col-max-width: 100%; 628 } 629 </style> 630 <div class="m-96bdd299 mantine-Grid-col __m__-Rrdemldeql"> 631 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-5);font-size:calc(2.75rem * var(--mantine-scale));text-transform:uppercase" class="m-8a5d1357 mantine-Title-root" data-order="1">Infografis <br />Desa 632 <!-- --> 633 <!-- -->Bangun Sari 634 </h1> 635 </div> 636 <style data-mantine-styles="inline"> 637 .__m__-R1bdemldeql { 638 --col-flex-grow: 1; 639 --col-flex-basis: 58.333333333333336%; 640 --col-max-width: 100%; 641 } 642 </style> 643 <div class="m-96bdd299 mantine-Grid-col __m__-R1bdemldeql"> 644 <div style="color:#5A5E62" class="m-576c9d4 m-89d33d6d mantine-Tabs-list" data-variant="default" data-grow="true" data-orientation="horizontal" role="tablist" aria-orientation="horizontal"> 645 <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-active="true" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-penduduk" aria-selected="true" tabindex="0" aria-controls="mantine-R2mldeql-panel-penduduk" data-discover="true" href="/infografis/penduduk">
646 <span class="mantine-Tabs-tabLabel"> 647 <div style="display:block;text-align:center;font-weight:bold"> 648 <div> 649 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-users" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))"> 650 <path d="M9 7m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path> 651 <path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"></path> 652 <path d="M16 3.13a4 4 0 0 1 0 7.75"></path> 653 <path d="M21 21v-2a4 4 0 0 0 -3 -3.85"></path> 654 </svg> 655 </div>Penduduk 656 </div> 657 </span> 658 </a> 659 <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-apbdes" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-apbdes" data-discover="true" href="/infografis/apbdes"> 660 <span class="mantine-Tabs-tabLabel"> 661 <div style="display:block;text-align:center;font-weight:bold"> 662 <div> 663 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-cash" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))"> 664 <path d="M7 9m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path> 665 <path d="M14 14m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path> 666 <path d="M17 9v-2a2 2 0 0 0 -2 -2h-10a2 2 0 0 0 -2 2v6a2 2 0 0 0 2 2h2"></path> 667 </svg> 668 </div>APBDes 669 </div> 670 </span> 671 </a> 672 <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-stunting" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-stunting" data-discover="true" href="/infografis/stunting"> 673 <span class="mantine-Tabs-tabLabel"> 674 <div style="display:block;text-align:center;font-weight:bold"> 675 <div> 676 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chart-bar" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))"> 677 <path d="M3 12m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path> 678 <path d="M9 8m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path> 679 <path d="M15 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path> 680 <path d="M4 20l14 0"></path> 681 </svg> 682 </div>Stunting 683 </div> 684 </span> 685 </a> 686 <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-bansos" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-bansos" data-discover="true" href="/infografis/bansos">
687 <span class="mantine-Tabs-tabLabel"> 688 <div style="display:block;text-align:center;font-weight:bold"> 689 <div> 690 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-package" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))"> 691 <path d="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5"></path> 692 <path d="M12 12l8 -4.5"></path> 693 <path d="M12 12l0 9"></path> 694 <path d="M12 12l-8 -4.5"></path> 695 <path d="M16 5.25l-8 4.5"></path> 696 </svg> 697 </div>Bansos 698 </div> 699 </span> 700 </a> 701 <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-idm" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-idm" data-discover="true" href="/infografis/idm"> 702 <span class="mantine-Tabs-tabLabel"> 703 <div style="display:block;text-align:center;font-weight:bold"> 704 <div> 705 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-crown" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))"> 706 <path d="M12 6l4 6l5 -4l-2 10h-14l-2 -10l5 4z"></path> 707 </svg> 708 </div>IDM 709 </div> 710 </span> 711 </a> 712 <a class="mantine-focus-auto m-539e827b m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="default" data-orientation="horizontal" role="tab" id="mantine-R2mldeql-tab-sdgs" aria-selected="false" tabindex="-1" aria-controls="mantine-R2mldeql-panel-sdgs" data-discover="true" href="/infografis/sdgs"> 713 <span class="mantine-Tabs-tabLabel"> 714 <div style="display:block;text-align:center;font-weight:bold"> 715 <div> 716 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-numbers" style="width:calc(3.125rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))"> 717 <path d="M8 10v-7l-2 2"></path> 718 <path d="M6 16a2 2 0 1 1 4 0c0 .591 -.601 1.46 -1 2l-3 3h4"></path> 719 <path d="M15 14a2 2 0 1 0 2 -2a2 2 0 1 0 -2 -2"></path> 720 <path d="M6.5 10h3"></path> 721 </svg> 722 </div>SDGs 723 </div> 724 </span> 725 </a> 726 </div> 727 </div> 728 </div> 729 </div> 730 </div> 731 <div style="--stack-gap:calc(6.25rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 732 <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 733 <style data-mantine-styles="inline"> 734 .__m__-R6inmldeql { 735 --grid-gutter: var(--mantine-spacing-md); 736 } 737 </style> 738 <div style="--grid-align:center" class="m-410352e9 mantine-Grid-root __m__-R6inmldeql mantine-visible-from-sm"> 739 <div class="m-dee7bd2f mantine-Grid-inner"> 740 <style data-mantine-styles="inline"> 741 .__m__-R1mminmldeql { 742 --col-flex-grow: auto; 743 --col-flex-basis: 50%; 744 --col-max-width: 50%; 745 } 746 </style> 747 <div class="m-96bdd299 mantine-Grid-col __m__-R1mminmldeql"> 748 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-4);font-size:calc(2.75rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">DEMOGRAFI PENDUDUK</h1> 749 <p style="font-size:calc(1.25rem * var(--mantine-scale))" class="mantine-focus-auto m-b6
749d8b162 mantine-Text-root">Memberikan informasi lengkap mengenai karakteristik demografi penduduk suatu wilayah. Mulai dari jumlah penduduk, usia, jenis kelamin, tingkat pendidikan, pekerjaan, agama, dan aspek penting lainnya yang menggambarkan komposisi populasi secara rinci.</p> 750 </div> 751 <style data-mantine-styles="inline"> 752 .__m__-R2mminmldeql { 753 --col-flex-grow: auto; 754 --col-flex-basis: 50%; 755 --col-max-width: 50%; 756 } 757 </style> 758 <div class="m-96bdd299 mantine-Grid-col __m__-R2mminmldeql"> 759 <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root"> 760 <img style="max-width:calc(31.25rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/other-1-DEP2VegA.png" alt="Other" /> 761 </div> 762 </div> 763 </div> 764 </div> 765 <div style="--stack-gap:var(--mantine-spacing-xl);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm"> 766 <style data-mantine-styles="inline"> 767 .__m__-Rqqinmldeql { 768 font-size: calc(1.25rem * var(--mantine-scale)); 769 text-align: center; 770 } 771 772 @media(min-width: 48em) { 773 .__m__-Rqqinmldeql { 774 font-size: calc(2.75rem * var(--mantine-scale)); 775 text-align: start; 776 } 777 } 778 779 @media(min-width: 62em) { 780 .__m__-Rqqinmldeql { 781 text-align: start; 782 } 783 } 784 </style> 785 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-4)" class="m-8a5d1357 mantine-Title-root __m__-Rqqinmldeql" data-order="1">JUMLAH PENDUDUK</h1> 786 <style data-mantine-styles="inline"> 787 .__m__-R1aqinmldeql { 788 --sg-spacing-x: var(--mantine-spacing-md); 789 --sg-spacing-y: var(--mantine-spacing-md); 790 --sg-cols: 2; 791 } 792 </style> 793 <div style="text-align:center" class="m-2415a157 mantine-SimpleGrid-root __m__-R1aqinmldeql"> 794 <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 795 <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/total-penduduk-CXnnuYJa.png" alt="other" /> 796 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1.25rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">0</h1> 797 <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Penduduk</p> 798 </div> 799 <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 800 <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/kepala-keluarga-BcdRTpvQ.png" alt="other" /> 801 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1.25rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">0</h1> 802 <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6
802d8b162 mantine-Text-root">Kepala Keluarga</p> 803 </div> 804 <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 805 <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/laki-qsjhxY_S.png" alt="other" /> 806 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1.25rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1"> 807 <!-- -->0 808 </h1> 809 <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Laki-Laki</p> 810 </div> 811 <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 812 <img style="width:calc(3.125rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/perempuan-CSZtJeWt.png" alt="other" /> 813 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1.25rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1"> 814 <!-- -->0 815 </h1> 816 <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Perempuan</p> 817 </div> 818 </div> 819 </div> 820 <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-visible-from-sm"> 821 <div class=""> 822 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:calc(2.375rem * var(--mantine-scale));color:var(--mantine-color-primary-4)" class="m-8a5d1357 mantine-Title-root" data-order="1">Jumlah Penduduk dan Kepala Keluarga</h1> 823 </div> 824 <style data-mantine-styles="inline"> 825 .__m__-R1bainmldeql { 826 --grid-gutter: var(--mantine-spacing-md); 827 } 828 </style> 829 <div style="overflow:visible" class="m-410352e9 mantine-Grid-root __m__-R1bainmldeql"> 830 <div class="m-dee7bd2f mantine-Grid-inner"> 831 <style data-mantine-styles="inline"> 832 .__m__-R6rbainmldeql { 833 --col-flex-grow: auto; 834 --col-flex-basis: 50%; 835 --col-max-width: 50%; 836 } 837 </style> 838 <div class="m-96bdd299 mantine-Grid-col __m__-R6rbainmldeql"> 839 <style data-mantine-styles="inline"> 840 .__m__-R1d6rbainmldeql { 841 --grid-gutter: calc(0.0625rem * var(--mantine-scale)); 842 } 843 </style> 844 <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);background:rgba(255, 255, 255, 0.50);height:calc(9.375rem * var(--mantine-scale))" class="m-410352e9 mantine-Grid-root __m__-R1d6rbainmldeql"> 845 <div class="m-dee7bd2f mantine-Grid-inner"> 846 <style data-mantine-styles="inline"> 847 .__m__-R6rd6rbainmldeql { 848 --col-flex-grow: auto; 849 --col-flex-basis: 33.333333333333336%; 850 --col-max-width: 33.333333333333336%; 851 } 852 </style> 853 <div style="padding:calc(1.25rem * var(--mantine-scale))" class="m-96bdd299 mantine-Grid-col __m__-R6rd6rbainmldeql"> 854 <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 855 <img style="max-width:calc(6.25rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/icon-total-penduduk-Du2cCbAO.svg" alt="Total Penduduk" /> 856 </div> 857 </div> 858 <style data-mantine-styles="inline"> 859 .__m__-Rard6rbainmldeql { 860 --col-flex-grow: auto; 861 --col-flex-basis: 66.66666666666667%; 862 --col-max-width: 66.66666666666667%; 863 } 864 </style> 865 <div style="padding:calc(0.625rem * var(--mantine-scale))" class="m-96bdd299 mantine-Grid-col __m__-Rard6rbainmldeql"> 866 <div style="--stack-gap:0rem;--stack-align:start;--stack-justify:flex-start;color:#5A5E62;font-weight:700" class="m-6d731127 mantine-Stack-root"> 867 <p style="font-size:calc(1.5rem * var(--mantine-scale))" class="mantine-focus-auto m-b6
867d8b162 mantine-Text-root">TOTAL PENDUDUK</p> 868 <p style="font-size:calc(2rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root"> 869 <span style="color:var(--mantine-color-primary-4)"> 870 <!-- -->0 871 </span> 872 <!-- -->Jiwa 873 </p> 874 </div> 875 </div> 876 </div> 877 </div> 878 </div> 879 <style data-mantine-styles="inline"> 880 .__m__-Rarbainmldeql { 881 --col-flex-grow: auto; 882 --col-flex-basis: 50%; 883 --col-max-width: 50%; 884 } 885 </style> 886 <div class="m-96bdd299 mantine-Grid-col __m__-Rarbainmldeql"> 887 <style data-mantine-styles="inline"> 888 .__m__-R1darbainmldeql { 889 --grid-gutter: calc(0.0625rem * var(--mantine-scale)); 890 } 891 </style> 892 <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);background:rgba(255, 255, 255, 0.50);height:calc(9.375rem * var(--mantine-scale))" class="m-410352e9 mantine-Grid-root __m__-R1darbainmldeql"> 893 <div class="m-dee7bd2f mantine-Grid-inner"> 894 <style data-mantine-styles="inline"> 895 .__m__-R6rdarbainmldeql { 896 --col-flex-grow: auto; 897 --col-flex-basis: 33.333333333333336%; 898 --col-max-width: 33.333333333333336%; 899 } 900 </style> 901 <div style="padding:calc(1.25rem * var(--mantine-scale))" class="m-96bdd299 mantine-Grid-col __m__-R6rdarbainmldeql"> 902 <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 903 <img style="max-width:calc(6.25rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/icon-kepala-keluarga-D4UfE36x.svg" alt="Kepala Keluarga" /> 904 </div> 905 </div> 906 <style data-mantine-styles="inline"> 907 .__m__-Rardarbainmldeql { 908 --col-flex-grow: auto; 909 --col-flex-basis: 66.66666666666667%; 910 --col-max-width: 66.66666666666667%; 911 } 912 </style> 913 <div style="padding:calc(0.625rem * var(--mantine-scale))" class="m-96bdd299 mantine-Grid-col __m__-Rardarbainmldeql"> 914 <div style="--stack-gap:0rem;--stack-align:start;--stack-justify:flex-start;color:#5A5E62;font-weight:700" class="m-6d731127 mantine-Stack-root"> 915 <p style="font-size:calc(1.5rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">KEPALA KELUARGA</p> 916 <p style="font-size:calc(2rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root"> 917 <span style="color:var(--mantine-color-primary-4)">0</span> 918 <!-- -->Jiwa 919 </p> 920 </div> 921 </div> 922 </div> 923 </div> 924 </div> 925 <style data-mantine-styles="inline"> 926 .__m__-Rerbainmldeql { 927 --col-flex-grow: auto; 928 --col-flex-basis: 50%; 929 --col-max-width: 50%; 930 } 931 </style> 932 <div class="m-96bdd299 mantine-Grid-col __m__-Rerbainmldeql"> 933 <style data-mantine-styles="inline"> 934 .__m__-R1derbainmldeql { 935 --grid-gutter: calc(0.0625rem * var(--mantine-scale)); 936 } 937 </style> 938 <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);background:rgba(255, 255, 255, 0.50);height:calc(9.375rem * var(--mantine-scale))" class="m-410352e9 mantine-Grid-root __m__-R1derbainmldeql"> 939 <div class="m-dee7bd2f mantine-Grid-inner"> 940 <style data-mantine-styles="inline"> 941 .__m__-R6rderbainmldeql { 942 --col-flex-grow: auto; 943 --col-flex-basis: 33.333333333333336%; 944 --col-max-width: 33.333333333333336%; 945 } 946 </style> 947 <div style="padding:calc(1.25rem * var(--mantine-scale))" class="m-96bdd299 mantine-Grid-col __m__-R6rderbainmldeql"> 948 <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 949 <img style="max-width:calc(6.25rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/icon-perempuan-BCmUG8mA.svg" alt="Perempuan" /> 950 </div> 951 </div> 952 <style data-mantine-styles="inline"> 953 .__m__-Rarderbainmldeql { 954 --col-flex-grow: auto; 955 --col-flex-basis: 66.66666666666667%; 956 --col-max-width: 66.66666666666667%; 957 } 958 </style> 959 <div style="padding:calc(0.625rem * var(--mantine-scale))" class="m-96bdd299 mantine-Grid-col __m__-Rarderbainmldeql"> 960 <div style="--stack-gap:0rem;--stack-align:start;--stack-justify:flex-start;color:#5A5E62;font-weight:700" class="m-6d731127 mantine-Stack-root"> 961 <p style="font-size:calc(1.5rem * var(--mantine-scale))" class="mantine-focus-auto m-b6
961d8b162 mantine-Text-root">PEREMPUAN</p> 962 <p style="font-size:calc(2rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root"> 963 <span style="color:var(--mantine-color-primary-4)"> 964 <!-- -->0 965 </span> 966 <!-- -->Jiwa 967 </p> 968 </div> 969 </div> 970 </div> 971 </div> 972 </div> 973 <style data-mantine-styles="inline"> 974 .__m__-Rirbainmldeql { 975 --col-flex-grow: auto; 976 --col-flex-basis: 50%; 977 --col-max-width: 50%; 978 } 979 </style> 980 <div class="m-96bdd299 mantine-Grid-col __m__-Rirbainmldeql"> 981 <style data-mantine-styles="inline"> 982 .__m__-R1dirbainmldeql { 983 --grid-gutter: calc(0.0625rem * var(--mantine-scale)); 984 } 985 </style> 986 <div style="--grid-align:center;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);background:rgba(255, 255, 255, 0.50);height:calc(9.375rem * var(--mantine-scale))" class="m-410352e9 mantine-Grid-root __m__-R1dirbainmldeql"> 987 <div class="m-dee7bd2f mantine-Grid-inner"> 988 <style data-mantine-styles="inline"> 989 .__m__-R6rdirbainmldeql { 990 --col-flex-grow: auto; 991 --col-flex-basis: 33.333333333333336%; 992 --col-max-width: 33.333333333333336%; 993 } 994 </style> 995 <div style="padding:calc(1.25rem * var(--mantine-scale))" class="m-96bdd299 mantine-Grid-col __m__-R6rdirbainmldeql"> 996 <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 997 <img style="max-width:calc(6.25rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/icon-laki-CmERQRaD.svg" alt="Laki-Laki" /> 998 </div> 999 </div> 1000 <style data-mantine-styles="inline"> 1001 .__m__-Rardirbainmldeql { 1002 --col-flex-grow: auto; 1003 --col-flex-basis: 66.66666666666667%; 1004 --col-max-width: 66.66666666666667%; 1005 } 1006 </style> 1007 <div style="padding:calc(0.625rem * var(--mantine-scale))" class="m-96bdd299 mantine-Grid-col __m__-Rardirbainmldeql"> 1008 <div style="--stack-gap:0rem;--stack-align:start;--stack-justify:flex-start;color:#5A5E62;font-weight:700" class="m-6d731127 mantine-Stack-root"> 1009 <p style="font-size:calc(1.5rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">LAKI-LAKI</p> 1010 <p style="font-size:calc(2rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root"> 1011 <span style="color:var(--mantine-color-primary-4)"> 1012 <!-- -->0 1013 </span> 1014 <!-- -->Jiwa 1015 </p> 1016 </div> 1017 </div> 1018 </div> 1019 </div> 1020 </div> 1021 </div> 1022 </div> 1023 </div> 1024 </div> 1025 <style data-mantine-styles="inline"> 1026 .__m__-R3nmldeql { 1027 margin-top: calc(-4.0625rem * var(--mantine-scale)); 1028 } 1029 1030 @media(min-width: 48em) { 1031 .__m__-R3nmldeql { 1032 margin-top: 0rem; 1033 } 1034 } 1035 </style> 1036 <div class="__m__-R3nmldeql"> 1037 <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm"> 1038 <div style="box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);padding-block:var(--mantine-spacing-lg);background:rgba(255, 255, 255, 0.50)" class=""> 1039 <style data-mantine-styles="inline"> 1040 .__m__-R6mmjnmldeql { 1041 font-size: calc(1.25rem * var(--mantine-scale)); 1042 text-align: center; 1043 } 1044 1045 @media(min-width: 48em) { 1046 .__m__-R6mmjnmldeql { 1047 font-size: calc(2.75rem * var(--mantine-scale)); 1048 text-align: start; 1049 } 1050 } 1051 1052 @media(min-width: 62em) { 1053 .__m__-R6mmjnmldeql { 1054 text-align: start; 1055 } 1056 } 1057 </style> 1058 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-4)" class="m-8a5d1357 mantine-Title-root __m__-R6mmjnmldeql" data-order="1">BERDASARKAN KELOMPOK UMUR</h1> 1059 <div style="height:450px;width:100%" class="echarts-for-react "></div> 1060 </div> 1061 <div style="box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:10px;backdrop-filter:blur(2px);border-bottom:5px solid #6DAB97;padding:var(--mantine-spacing-lg);background:rgba(255, 255, 255, 0.50);text-align:left" class=""> 1062 <style data-mantine-styles="inline"> 1063 .__m__-R2qmjnmldeql { 1064 font-size: calc(0.875rem * var(--mantine-scale)); 1065 } 1066 1067 @media(min-width: 48em) { 1068 .__m__-R2qmjnmldeql { 1069 font-size: calc(1.125rem * var(--mantine-scale)); 1070 } 1071 } 1072 </style>
1073 <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R2qmjnmldeql">Sedang Menghitung...</p> 1074 </div> 1075 <div style="box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:10px;backdrop-filter:blur(2px);border-bottom:5px solid #FFB9A1;padding:var(--mantine-spacing-lg);background:rgba(255, 255, 255, 0.50);text-align:left" class=""> 1076 <style data-mantine-styles="inline"> 1077 .__m__-R2umjnmldeql { 1078 font-size: calc(0.875rem * var(--mantine-scale)); 1079 } 1080 1081 @media(min-width: 48em) { 1082 .__m__-R2umjnmldeql { 1083 font-size: calc(1.125rem * var(--mantine-scale)); 1084 } 1085 } 1086 </style> 1087 <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R2umjnmldeql">Sedang Menghitung...</p> 1088 </div> 1089 </div> 1090 <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-visible-from-sm"> 1091 <style data-mantine-styles="inline"> 1092 .__m__-R6qjnmldeql { 1093 font-size: calc(1.25rem * var(--mantine-scale)); 1094 text-align: center; 1095 } 1096 1097 @media(min-width: 48em) { 1098 .__m__-R6qjnmldeql { 1099 font-size: calc(2.75rem * var(--mantine-scale)); 1100 text-align: start; 1101 } 1102 } 1103 1104 @media(min-width: 62em) { 1105 .__m__-R6qjnmldeql { 1106 text-align: start; 1107 } 1108 } 1109 </style> 1110 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-4)" class="m-8a5d1357 mantine-Title-root __m__-R6qjnmldeql" data-order="1">Berdasarkan Kelompok Umur</h1> 1111 <div style="box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);padding-inline:var(--mantine-spacing-md);padding-block:var(--mantine-spacing-md);background:rgba(255, 255, 255, 0.50)" class=""> 1112 <div style="height:500px;width:100%" class="echarts-for-react "></div> 1113 </div> 1114 <div style="box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:10px;backdrop-filter:blur(2px);border-bottom:5px solid #6DAB97;padding:var(--mantine-spacing-lg);background:rgba(255, 255, 255, 0.50);text-align:left" class=""> 1115 <style data-mantine-styles="inline"> 1116 .__m__-R5eqjnmldeql { 1117 font-size: var(--mantine-font-size-md); 1118 } 1119 1120 @media(min-width: 48em) { 1121 .__m__-R5eqjnmldeql { 1122 font-size: calc(1.125rem * var(--mantine-scale)); 1123 } 1124 } 1125 </style> 1126 <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R5eqjnmldeql">Sedang Menghitung...</p> 1127 </div> 1128 <div style="box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:10px;backdrop-filter:blur(2px);border-bottom:5px solid #FFB9A1;padding:var(--mantine-spacing-lg);background:rgba(255, 255, 255, 0.50);text-align:left" class=""> 1129 <style data-mantine-styles="inline"> 1130 .__m__-R5iqjnmldeql { 1131 font-size: var(--mantine-font-size-md); 1132 } 1133 1134 @media(min-width: 48em) { 1135 .__m__-R5iqjnmldeql { 1136 font-size: calc(1.125rem * var(--mantine-scale)); 1137 } 1138 } 1139 </style> 1140 <p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R5iqjnmldeql">Sedang Menghitung...</p> 1141 </div> 1142 </div> 1143 </div> 1144 <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-visible-from-sm"> 1145 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-4)" class="m-8a5d1357 mantine-Title-root" data-order="1">Berdasarkan Dusun</h1> 1146 <div style="display:none" class=""> 1147 <div style="--group-gap:var(--mantine-spacing-xs);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root"> 1148 <div style="width:50vw" class=""> 1149 <div style="height:300px;width:100%" class="echarts-for-react "></div> 1150 </div> 1151 <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start;margin-top:calc(-9.375rem * var(--mantine-scale))" class="m-6d731127 mantine-Stack-root"> 1152 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:calc(1.25rem * var(--mantine-scale));margin-bottom:calc(0.1875rem * var(--mantine-scale));margin-left:calc(-1.25rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">Keterangan:</h1> 1153 </div> 1154 </div> 1155 </div> 1156 </div> 1157 <div style="display:none" class="mantine-visible-from-sm"> 1158 <style data-mantine-styles="inline"> 1159 .__m__-Rb4nmldeql { 1160 padding: calc(0.625rem * var(--mantine-scale)); 1161 } 1162 1163 @media(min-width: 48em) { 1164 .__m__-Rb4nmldeql { 1165 padding: calc(1.25rem * var(--mantine-scale)); 1166 } 1167 } 1168 </style> 1169 <div style="margin-inline:auto;background:var(--mantine-color-gray-1);
1169width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-Rb4nmldeql"> 1170 <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root"> 1171 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-circle-x" style="width:calc(2rem * var(--mantine-scale));height:auto"> 1172 <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path> 1173 <path d="M10 10l4 4m0 -4l-4 4"></path> 1174 </svg> 1175 <style data-mantine-styles="inline"> 1176 .__m__-R2mr4nmldeql { 1177 font-size: calc(1rem * var(--mantine-scale)); 1178 } 1179 1180 @media(min-width: 48em) { 1181 .__m__-R2mr4nmldeql { 1182 font-size: calc(1.5rem * var(--mantine-scale)); 1183 } 1184 } 1185 </style> 1186 <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R2mr4nmldeql">Belum Ada Data</p> 1187 </div> 1188 </div> 1189 </div> 1190 <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-visible-from-sm"> 1191 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-4)" class="m-8a5d1357 mantine-Title-root" data-order="1">Berdasarkan Pendidikan</h1> 1192 <div style="box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);padding-inline:var(--mantine-spacing-md);padding-block:var(--mantine-spacing-md);background:rgba(255, 255, 255, 0.50)" class=""> 1193 <div style="height:500px;width:100%" class="echarts-for-react "></div> 1194 </div> 1195 </div> 1196 <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-visible-from-sm"> 1197 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-4)" class="m-8a5d1357 mantine-Title-root" data-order="1">Berdasarkan Pekerjaan</h1> 1198 <style data-mantine-styles="inline"> 1199 .__m__-Ramnmldeql { 1200 --grid-gutter: var(--mantine-spacing-md); 1201 } 1202 </style> 1203 <div style="overflow:visible" class="m-410352e9 mantine-Grid-root __m__-Ramnmldeql"> 1204 <div class="m-dee7bd2f mantine-Grid-inner"> 1205 <style data-mantine-styles="inline"> 1206 .__m__-R1mqmnmldeql { 1207 --col-flex-grow: auto; 1208 --col-flex-basis: 33.333333333333336%; 1209 --col-max-width: 33.333333333333336%; 1210 } 1211 </style> 1212 <div class="m-96bdd299 mantine-Grid-col __m__-R1mqmnmldeql"> 1213 <div style="--sa-corner-width:0px;--sa-corner-height:0px;height:calc(24.6875rem * var(--mantine-scale))" class="m-d57069b5 mantine-ScrollArea-root"> 1214 <div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-scrollbars="xy"> 1215 <div style="min-width:100%;display:table"> 1216 <table style="--table-horizontal-spacing:var(--mantine-spacing-md);--table-vertical-spacing:var(--mantine-spacing-sm);box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);background:rgba(255, 255, 255, 0.50)" class="m-b23fa0ef mantine-Table-table"> 1217 <thead style="background-color:var(--mantine-color-primary-3);color:#fff" class="m-b242d975 mantine-Table-thead _header_kdmzr_
12171"> 1218 <tr style="font-size:calc(1.125rem * var(--mantine-scale))" class="m-4e7aa4fd mantine-Table-tr" data-with-row-border="true"> 1219 <th class="m-4e7aa4f3 mantine-Table-th">Jenis Pekerjaan</th> 1220 <th class="m-4e7aa4f3 mantine-Table-th">Jumlah</th> 1221 </tr> 1222 </thead> 1223 <tbody class="m-b2404537 mantine-Table-tbody"></tbody> 1224 </table> 1225 </div> 1226 </div> 1227 <div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div> 1228 <div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div> 1229 </div> 1230 </div> 1231 <style data-mantine-styles="inline"> 1232 .__m__-R2mqmnmldeql { 1233 --col-flex-grow: auto; 1234 --col-flex-basis: 66.66666666666667%; 1235 --col-max-width: 66.66666666666667%; 1236 } 1237 </style> 1238 <div class="m-96bdd299 mantine-Grid-col __m__-R2mqmnmldeql"> 1239 <style data-mantine-styles="inline"> 1240 .__m__-R5mmqmnmldeql { 1241 --grid-gutter: var(--mantine-spacing-md); 1242 } 1243 </style> 1244 <div style="overflow:visible" class="m-410352e9 mantine-Grid-root __m__-R5mmqmnmldeql"> 1245 <div class="m-dee7bd2f mantine-Grid-inner"></div> 1246 </div> 1247 </div> 1248 </div> 1249 </div> 1250 </div> 1251 <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-visible-from-sm"> 1252 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:var(--mantine-color-primary-4)" class="m-8a5d1357 mantine-Title-root" data-order="1">Berdasarkan Wajib Pilih</h1> 1253 <div style="box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);border-radius:5px;backdrop-filter:blur(2px);align-items:center;justify-content:center;padding-inline:var(--mantine-spacing-xl);padding-block:var(--mantine-spacing-lg);background:rgba(255, 255, 255, 0.50);height:calc(30rem * var(--mantine-scale))" class="m-8bffd616 mantine-Flex-root __m__-Rannmldeql"> 1254 <div style="display:none" class=""> 1255 <div style="height:100%;width:100%" class="echarts-for-react "></div> 1256 </div> 1257 </div> 1258 <div style="display:none" class="mantine-visible-from-sm"> 1259 <style data-mantine-styles="inline"> 1260 .__m__-R2unnmldeql { 1261 padding: calc(0.625rem * var(--mantine-scale)); 1262 } 1263 1264 @media(min-width: 48em) { 1265 .__m__-R2unnmldeql { 1266 padding: calc(1.25rem * var(--mantine-scale)); 1267 } 1268 } 1269 </style> 1270 <div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-R2unnmldeql"> 1271 <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root"> 1272 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--mantine-color-gray-4)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-circle-x" style="width:calc(2rem * var(--mantine-scale));height:auto"> 1273 <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path>
1274 <path d="M10 10l4 4m0 -4l-4 4"></path> 1275 </svg> 1276 <style data-mantine-styles="inline"> 1277 .__m__-Rlmunnmldeql { 1278 font-size: calc(1rem * var(--mantine-scale)); 1279 } 1280 1281 @media(min-width: 48em) { 1282 .__m__-Rlmunnmldeql { 1283 font-size: calc(1.5rem * var(--mantine-scale)); 1284 } 1285 } 1286 </style> 1287 <p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rlmunnmldeql">Belum Ada Data</p> 1288 </div> 1289 </div> 1290 </div> 1291 </div> 1292 <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-visible-from-sm"> 1293 <div class=""> 1294 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:calc(2.375rem * var(--mantine-scale));color:var(--mantine-color-primary-4)" class="m-8a5d1357 mantine-Title-root" data-order="1">Berdasarkan Perkawinan</h1> 1295 </div> 1296 <style data-mantine-styles="inline"> 1297 .__m__-Raonmldeql { 1298 --grid-gutter: var(--mantine-spacing-md); 1299 } 1300 </style> 1301 <div style="--grid-justify:center;--grid-align:flex-start;overflow:visible" class="m-410352e9 mantine-Grid-root __m__-Raonmldeql"> 1302 <div class="m-dee7bd2f mantine-Grid-inner"></div> 1303 </div> 1304 </div> 1305 <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-visible-from-sm"> 1306 <div class=""> 1307 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:calc(2.375rem * var(--mantine-scale));color:var(--mantine-color-primary-4)" class="m-8a5d1357 mantine-Title-root" data-order="1">Berdasarkan Agama</h1> 1308 </div> 1309 <style data-mantine-styles="inline"> 1310 .__m__-Rapnmldeql { 1311 --grid-gutter: var(--mantine-spacing-md); 1312 } 1313 </style> 1314 <div style="--grid-justify:center;--grid-align:flex-start;overflow:visible" class="m-410352e9 mantine-Grid-root __m__-Rapnmldeql"> 1315 <div class="m-dee7bd2f mantine-Grid-inner"></div> 1316 </div> 1317 </div> 1318 </div> 1319 </div> 1320 </div> 1321 <div style="z-index:9;backdrop-filter:blur(2px);padding:calc(0.625rem * var(--mantine-scale));padding-top:0rem;background:rgba(0,0,0,0);width:100%;position:fixed;bottom:0rem" class="mantine-hidden-from-sm"> 1322 <div style="--paper-shadow:var(--mantine-shadow-sm);padding-block:var(--mantine-spacing-xs)" class="m-e615b15f mantine-Card-root m-1b7284a3 mantine-Paper-root" data-with-border="true"> 1323 <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:space-between;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root"> 1324 <a style="--stack-gap:0rem;--stack-align:center;--stack-justify:center;text-decoration:none;color:#BBBBBB" class="m-6d731127 mantine-Stack-root" data-discover="true" href="/"> 1325 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-home"> 1326 <path d="M5 12l-2 0l9 -9l9 9l-2 0"></path> 1327 <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path> 1328 <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path> 1329 </svg> 1330 <p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Beranda</p> 1331 </a> 1332 <a style="--stack-gap:0rem;--stack-align:center;--stack-justify:center;text-decoration:none;color:#BBBBBB" class="m-6d731127 mantine-Stack-root" data-discover="true" href="/pengaduan"> 1333 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-report"> 1334 <path d="M8 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h
13345.697"></path> 1335 <path d="M18 14v4h4"></path> 1336 <path d="M18 11v-4a2 2 0 0 0 -2 -2h-2"></path> 1337 <path d="M8 3m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z"></path> 1338 <path d="M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path> 1339 <path d="M8 11h4"></path> 1340 <path d="M8 15h3"></path> 1341 </svg> 1342 <p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Pengaduan</p> 1343 </a> 1344 <a style="--stack-gap:0rem;--stack-align:center;--stack-justify:center;text-decoration:none;color:#BBBBBB" class="m-6d731127 mantine-Stack-root" data-discover="true" href="/berita"> 1345 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-news"> 1346 <path d="M16 6h3a1 1 0 0 1 1 1v11a2 2 0 0 1 -4 0v-13a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1v12a3 3 0 0 0 3 3h11"></path> 1347 <path d="M8 8l4 0"></path> 1348 <path d="M8 12l4 0"></path> 1349 <path d="M8 16l4 0"></path> 1350 </svg> 1351 <p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Berita</p> 1352 </a> 1353 <a style="--stack-gap:0rem;--stack-align:center;--stack-justify:center;text-decoration:none;color:#BBBBBB" class="m-6d731127 mantine-Stack-root" data-discover="true" href="/belanja"> 1354 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-shopping-bag"> 1355 <path d="M6.331 8h11.339a2 2 0 0 1 1.977 2.304l-1.255 8.152a3 3 0 0 1 -2.966 2.544h-6.852a3 3 0 0 1 -2.965 -2.544l-1.255 -8.152a2 2 0 0 1 1.977 -2.304z"></path> 1356 <path d="M9 11v-5a3 3 0 0 1 6 0v5"></path> 1357 </svg> 1358 <p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Belanja</p> 1359 </a> 1360 </div> 1361 </div> 1362 </div> 1363 <div class="mantine-hidden-from-sm"> 1364 <div style="--paper-radius:calc(1rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale)) 0rem 0rem;background:var(--mantine-color-primary-6)" class="m-e615b15f mantine-Card-root m-1b7284a3 mantine-Paper-root"> 1365 <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 1366 <div style="--group-gap:var(--mantine-spacing-xs);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
1367 <img style="width:calc(3.75rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&s" alt="Logo" /> 1368 <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 1369 <p style="color:#fff;font-size:calc(1rem * var(--mantine-scale));font-weight:bold;line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Desa Bangun Sari</p> 1370 <p style="color:#fff;font-size:calc(0.75rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kecamatan 1371 <!-- --> 1372 <!-- -->Tanjung Morawa 1373 </p> 1374 <p style="color:#fff;font-size:calc(0.75rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kabupaten 1375 <!-- --> 1376 <!-- -->Deli Serdang 1377 </p> 1378 <p style="color:#fff;font-size:calc(0.75rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Provinsi 1379 <!-- --> 1380 <!-- -->Sumatera Utara 1381 </p> 1382 </div> 1383 </div> 1384 <div style="color:#fff" class="m-9bdbb667 mantine-Accordion-root" data-variant="filled" id="mantine-Ramr7deql" data-accordion="true"> 1385 <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item"> 1386 <button style="color:#fff" class="mantine-focus-auto m-4ba585b8 mantine-Accordion-control m-87cf2631 mantine-UnstyledButton-root" data-accordion-control="true" data-chevron-position="right" type="button" aria-expanded="false" aria-controls="mantine-Ramr7deql-panel-visitor" id="mantine-Ramr7deql-control-visitor"> 1387 <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right"> 1388 <svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale));display:block"> 1389 <path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path> 1390 </svg> 1391 </span> 1392 <span class="m-df3ffa0f mantine-Accordion-label"> 1393 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">Kunjungan Website</h1> 1394 </span> 1395 <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right"> 1396 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-world" style="color:#fff;width:calc(1.25rem * var(--mantine-scale));height:calc(1.25rem * var(--mantine-scale))"> 1397 <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path> 1398 <path d="M3.6 9h16.8"></path> 1399 <path d="M3.6 15h16.8"></path> 1400 <path d="M11.5 3a17 17 0 0 0 0 18"></path> 1401 <path d="M12.5 3a17 17 0 0 1 0 18"></path> 1402 </svg> 1403 </span> 1404 </button> 1405 <div style="box-sizing:border-box;opacity:0;transition:opacity 200ms ease;display:none;height:0;overflow:hidden" class="m-df78851f mantine-Accordion-panel" aria-hidden="true" role="region" id="mantine-Ramr7deql-panel-visitor" aria-labelledby="mantine-Ramr7deql-control-visitor"> 1406 <div class="m-4ba554d4 mantine-Accordion-content"> 1407 <div style="--stack-gap:calc(0.0625rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start;margin-left:calc(2rem * var(--mantine-scale))" class="m-6d731127 mantine-Stack-root"> 1408 <style data-mantine-styles="inline"> 1409 .__m__-R2radqmr7deql { 1410 --sg-spacing-x: var(--mantine-spacing-md); 1411 --sg-spacing-y: var(--mantine-spacing-md); 1412 --sg-cols: 2; 1413 } 1414 </style> 1415 <div class="m-2415a157 mantine-SimpleGrid-root __m__-R2radqmr7deql"> 1416 <div class=""> 1417 <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6
1417d8b162 mantine-Text-root">Hari Ini</p> 1418 <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p> 1419 </div> 1420 <div class=""> 1421 <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kemarin</p> 1422 <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p> 1423 </div> 1424 <div class=""> 1425 <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Minggu Ini</p> 1426 <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p> 1427 </div> 1428 <div class=""> 1429 <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Minggu Lalu</p> 1430 <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p> 1431 </div> 1432 <div class=""> 1433 <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Bulan Ini</p> 1434 <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p> 1435 </div> 1436 <div class=""> 1437 <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Bulan Lalu</p> 1438 <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p> 1439 </div> 1440 <div class=""> 1441 <p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Total Kunjungan</p> 1442 <p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p> 1443 </div> 1444 </div> 1445 </div> 1446 </div> 1447 </div> 1448 </div> 1449 <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item"> 1450 <button style="color:#fff" class="mantine-focus-auto m-4ba585b8 mantine-Accordion-control m-87cf2631 mantine-UnstyledButton-root" data-accordion-control="true" data-chevron-position="right" type="button" aria-expanded="false" aria-controls="mantine-Ramr7deql-panel-contact" id="mantine-Ramr7deql-control-contact"> 1451 <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right"> 1452 <svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale));display:block"> 1453 <path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path> 1454 </svg> 1455 </span> 1456 <span class="m-df3ffa0f mantine-Accordion-label"> 1457 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">Kontak 1458 <!-- -->
1458Desa 1459 </h1> 1460 </span> 1461 <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right"> 1462 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-phone" style="color:#fff;width:calc(1.25rem * var(--mantine-scale));height:calc(1.25rem * var(--mantine-scale))"> 1463 <path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2"></path> 1464 </svg> 1465 </span> 1466 </button> 1467 <div style="box-sizing:border-box;opacity:0;transition:opacity 200ms ease;display:none;height:0;overflow:hidden" class="m-df78851f mantine-Accordion-panel" aria-hidden="true" role="region" id="mantine-Ramr7deql-panel-contact" aria-labelledby="mantine-Ramr7deql-control-contact"> 1468 <div class="m-4ba554d4 mantine-Accordion-content"> 1469 <div style="--stack-gap:calc(0.0625rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start;margin-left:calc(2rem * var(--mantine-scale))" class="m-6d731127 mantine-Stack-root"> 1470 <ul style="font-size:calc(0.875rem * var(--mantine-scale))" class="m-abbac491 mantine-List-root"> 1471 <li class="m-abb6bec2 mantine-List-item" data-with-icon="true"> 1472 <div class="m-75cd9f71 mantine-List-itemWrapper"> 1473 <span class="m-60f83e5b mantine-List-itemIcon"> 1474 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-phone"> 1475 <path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2"></path> 1476 </svg> 1477 </span> 1478 <span class="mantine-List-itemLabel"> 1479 <a style="color:#fff;font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="tel:08xxxxxxxxxx" target="_blank">08xxxxxxxxxx</a> 1480 </span> 1481 </div> 1482 </li> 1483 <li class="m-abb6bec2 mantine-List-item" data-with-icon="true"> 1484 <div class="m-75cd9f71 mantine-List-itemWrapper"> 1485 <span class="m-60f83e5b mantine-List-itemIcon"> 1486 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-mail"> 1487 <path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path> 1488 <path d="M3 7l9 6l9 -6"></path> 1489 </svg> 1490 </span> 1491 <span class="mantine-List-itemLabel"> 1492 <a style="color:#fff;font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="/cdn-cgi/l/email-protection#652e17040b020e000b02160c01250208040c094b060a08" target="_blank"><span class="__cf_email__" data-cfemail="460d342728212d232821352f2206212b272f2a6825292b">[email protected]</span></a> 1493 </span> 1494 </div> 1495 </li> 1496 <li class="m-abb6bec2 mantine-List-item" data-with-icon="true"> 1497 <div class="m-75cd9f71 mantine-List-itemWrapper"> 1498 <span class="m-60f83e5b mantine-List-itemIcon"> 1499 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-clock"> 1500 <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path> 1501 <path d="M12 7v5l3 3"></path> 1502 </svg> 1503 </span>
1504 <span class="mantine-List-itemLabel">07.30 - 16.00 WITA</span> 1505 </div> 1506 </li> 1507 <li class="m-abb6bec2 mantine-List-item" data-with-icon="true"> 1508 <div class="m-75cd9f71 mantine-List-itemWrapper"> 1509 <span class="m-60f83e5b mantine-List-itemIcon"> 1510 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-home"> 1511 <path d="M5 12l-2 0l9 -9l9 9l-2 0"></path> 1512 <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path> 1513 <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path> 1514 </svg> 1515 </span> 1516 <span class="mantine-List-itemLabel"> 1517 <p style="color:#fff;font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="#" target="_blank">Jln. Poros Malino Km.11 Bangun Sari Caddi</p> 1518 </span> 1519 </div> 1520 </li> 1521 </ul> 1522 </div> 1523 </div> 1524 </div> 1525 </div> 1526 <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item"> 1527 <button style="color:#fff" class="mantine-focus-auto m-4ba585b8 mantine-Accordion-control m-87cf2631 mantine-UnstyledButton-root" data-accordion-control="true" data-chevron-position="right" type="button" aria-expanded="false" aria-controls="mantine-Ramr7deql-panel-urgent" id="mantine-Ramr7deql-control-urgent"> 1528 <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right"> 1529 <svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale));display:block"> 1530 <path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path> 1531 </svg> 1532 </span> 1533 <span class="m-df3ffa0f mantine-Accordion-label"> 1534 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">Nomor Telepon Penting</h1> 1535 </span> 1536 <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right"> 1537 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-urgent" style="color:#fff;width:calc(1.25rem * var(--mantine-scale));height:calc(1.25rem * var(--mantine-scale))"> 1538 <path d="M8 16v-4a4 4 0 0 1 8 0v4"></path> 1539 <path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7"></path> 1540 <path d="M6 16m0 1a1 1 0 0 1 1 -1h10a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1z"></path> 1541 </svg> 1542 </span> 1543 </button> 1544 <div style="box-sizing:border-box;opacity:0;transition:opacity 200ms ease;display:none;height:0;overflow:hidden" class="m-df78851f mantine-Accordion-panel" aria-hidden="true" role="region" id="mantine-Ramr7deql-panel-urgent" aria-labelledby="mantine-Ramr7deql-control-urgent"> 1545 <div class="m-4ba554d4 mantine-Accordion-content"> 1546 <div style="--stack-gap:calc(0.0625rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start;margin-left:calc(2rem * var(--mantine-scale))" class="m-6d731127 mantine-Stack-root"> 1547 <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"></div> 1548 </div> 1549 </div> 1550 </div> 1551 </div> 1552 <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item"> 1553 <button style="color:#fff" class="mantine-focus-auto m-4ba585b8 mantine-Accordion-control m-87cf2631 mantine-UnstyledButton-root" data-accordion-control
1553="true" data-chevron-position="right" type="button" aria-expanded="false" aria-controls="mantine-Ramr7deql-panel-social" id="mantine-Ramr7deql-control-social"> 1554 <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right"> 1555 <svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale));display:block"> 1556 <path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path> 1557 </svg> 1558 </span> 1559 <span class="m-df3ffa0f mantine-Accordion-label"> 1560 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">Sosial Media</h1> 1561 </span> 1562 <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right"> 1563 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-facebook" style="color:#fff;width:calc(1.25rem * var(--mantine-scale));height:calc(1.25rem * var(--mantine-scale))"> 1564 <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path> 1565 </svg> 1566 </span> 1567 </button> 1568 <div style="box-sizing:border-box;opacity:0;transition:opacity 200ms ease;display:none;height:0;overflow:hidden" class="m-df78851f mantine-Accordion-panel" aria-hidden="true" role="region" id="mantine-Ramr7deql-panel-social" aria-labelledby="mantine-Ramr7deql-control-social"> 1569 <div class="m-4ba554d4 mantine-Accordion-content"> 1570 <div style="--stack-gap:calc(0.0625rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 1571 <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root"> 1572 <a style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" href="https://www.facebook.com/profile.php?id=100068858821303&mibextid=ZbWKwL" target="_blank"> 1573 <span class="m-8d3afb97 mantine-ActionIcon-icon"> 1574 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-facebook"> 1575 <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path> 1576 </svg> 1577 </span> 1578 </a> 1579 <a style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" href="https://instagram.com/desa.Bangun Sari?igshid=YmMyMTA2M2Y=" target="_blank"> 1580 <span class="m-8d3afb97 mantine-ActionIcon-icon"> 1581 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewB
1581ox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-instagram"> 1582 <path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"></path> 1583 <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path> 1584 <path d="M16.5 7.5l0 .01"></path> 1585 </svg> 1586 </span> 1587 </a> 1588 <a style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" href="https://twitter.com/Bangun Saridesaku?s=11&t=6qaeaLKhtsGQpFkIuorcLg" target="_blank"> 1589 <span class="m-8d3afb97 mantine-ActionIcon-icon"> 1590 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-twitter"> 1591 <path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c0 -.249 1.51 -2.772 1.818 -4.013z"></path> 1592 </svg> 1593 </span> 1594 </a> 1595 <a style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" href="https://youtube.com/channel/UCZxKOvZmMdmKt5jUX_tOETw" target="_blank"> 1596 <span class="m-8d3afb97 mantine-ActionIcon-icon"> 1597 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-youtube"> 1598 <path d="M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8z"></path> 1599 <path d="M10 9l5 3l-5 3z"></path> 1600 </svg> 1601 </span> 1602 </a> 1603 <button style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" type="button" href="#" target="_blank"> 1604 <span class="m-8d3afb97 mantine-ActionIcon-icon"> 1605 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="gray" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-tiktok"> 1606 <path d="M21 7.917v4.034a9.948 9.948 0 0 1 -5 -1.951v4.5a6.5 6.5 0 1 1 -8 -6.326v4.326a2.5 2.5 0 1 0 4 2v-11.5h4.083a6.005 6.005 0 0 0 4.917 4.917z"></path> 1607 </svg> 1608 </span> 1609 </button> 1610 </div> 1611 </div> 1612 </div> 1613 </div> 1614 </div> 1615 <div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item"> 1616 <button style="color:#fff" class="mantine-focus-auto m-4ba585b8 mantine-Accordion-control m-87cf2631 mantine-UnstyledButton-root" data-accordion-control
1616="true" data-chevron-position="right" type="button" aria-expanded="false" aria-controls="mantine-Ramr7deql-panel-address" id="mantine-Ramr7deql-control-address"> 1617 <span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right"> 1618 <svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale));display:block"> 1619 <path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path> 1620 </svg> 1621 </span> 1622 <span class="m-df3ffa0f mantine-Accordion-label"> 1623 <h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);font-size:calc(1rem * var(--mantine-scale))" class="m-8a5d1357 mantine-Title-root" data-order="1">Jelajahi</h1> 1624 </span> 1625 <span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right"> 1626 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-link" style="color:#fff;width:calc(1.25rem * var(--mantine-scale));height:calc(1.25rem * var(--mantine-scale))"> 1627 <path d="M9 15l6 -6"></path> 1628 <path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464"></path> 1629 <path d="M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463"></path> 1630 </svg> 1631 </span> 1632 </button> 1633 <div style="box-sizing:border-box;opacity:0;transition:opacity 200ms ease;display:none;height:0;overflow:hidden" class="m-df78851f mantine-Accordion-panel" aria-hidden="true" role="region" id="mantine-Ramr7deql-panel-address" aria-labelledby="mantine-Ramr7deql-control-address"> 1634 <div class="m-4ba554d4 mantine-Accordion-content"> 1635 <div style="--stack-gap:calc(0.0625rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start;margin-left:calc(2rem * var(--mantine-scale))" class="m-6d731127 mantine-Stack-root"> 1636 <ul class="m-abbac491 mantine-List-root"></ul> 1637 </div> 1638 </div> 1639 </div> 1640 </div> 1641 </div> 1642 <p style="color:#fff;font-size:calc(0.6875rem * var(--mantine-scale));text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">© 1643 <!-- -->2025 1644 <!-- --> Powered by 1645 <!-- --> 1646 <strong> 1647 <a style="color:unset;font-size:unset;text-decoration:unset" class="mantine-focus-auto m-849cf0da m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="https://digitaldesa.id" target="_blank">PT Digital Desa Indonesia</a> 1648 </strong> 1649 </p> 1650 </div> 1651 <div style="height:calc(5rem * var(--mantine-scale));min-height:calc(5rem * var(--mantine-scale))" class=""></div> 1652 </div> 1653 </div> 1654 <footer style="border:none;--app-shell-footer-z-index:100;padding-inline:var(--mantine-spacing-xl);background:transparent;position:initial" class="m-3840c879 mantine-AppShell-footer right-scroll-bar-position mantine-visible-from-sm" data-with-border="true"> 1655 <div style="background-image:linear-gradient(133.36deg, var(--mantine-color-primary-5), var(--mantine-color-primary-1));border-top-left-radius:20px;border-top-right-radius:20px" class=""> 1656 <style data-mantine-styles="inline"> 1657 .__m__-R6rndeql { 1658 --grid-gutter: var(--mantine-spacing-md); 1659 } 1660 </style> 1661 <div style="--grid-justify:space-between;padding-inline:calc(1.25rem * var(--mantine-scale));
1661padding-top:calc(3.75rem * var(--mantine-scale));padding-bottom:calc(1.25rem * var(--mantine-scale))" class="m-410352e9 mantine-Grid-root __m__-R6rndeql"> 1662 <div class="m-dee7bd2f mantine-Grid-inner"> 1663 <style data-mantine-styles="inline"> 1664 .__m__-R1mmrndeql { 1665 --col-flex-grow: auto; 1666 --col-flex-basis: 33.333333333333336%; 1667 --col-max-width: 33.333333333333336%; 1668 } 1669 </style> 1670 <div class="m-96bdd299 mantine-Grid-col __m__-R1mmrndeql"> 1671 <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 1672 <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root"> 1673 <img style="width:calc(6.25rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&s" alt="Logo" /> 1674 <div class=""> 1675 <p style="--text-fz:var(--mantine-font-size-xl);--text-lh:var(--mantine-line-height-xl);color:#fff;font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" data-size="xl">Desa Bangun Sari</p> 1676 <p style="color:#fff;font-size:var(--mantine-font-size-sm);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kecamatan 1677 <!-- --> 1678 <!-- -->Tanjung Morawa 1679 </p> 1680 <p style="color:#fff;font-size:var(--mantine-font-size-sm);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kabupaten 1681 <!-- --> 1682 <!-- -->Deli Serdang 1683 </p> 1684 <p style="color:#fff;font-size:var(--mantine-font-size-sm);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Provinsi 1685 <!-- --> 1686 <!-- -->Sumatera Utara 1687 </p> 1688 </div> 1689 </div> 1690 <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 1691 <p style="color:#fff;font-size:var(--mantine-font-size-lg);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Media Sosial</p> 1692 <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root"> 1693 <a style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" href="https://www.facebook.com/profile.php?id=100068858821303&mibextid=ZbWKwL" target="_blank"> 1694 <span class="m-8d3afb97 mantine-ActionIcon-icon"> 1695 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-facebook"> 1696 <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path> 1697 </svg> 1698 </span> 1699 </a> 1700 <a style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" href="https://instagram.com/desa.Bangun Sari?igshid=YmMyMTA2M2Y=" target="_blank">
1701 <span class="m-8d3afb97 mantine-ActionIcon-icon"> 1702 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-instagram"> 1703 <path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"></path> 1704 <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path> 1705 <path d="M16.5 7.5l0 .01"></path> 1706 </svg> 1707 </span> 1708 </a> 1709 <a style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" href="https://twitter.com/Bangun Saridesaku?s=11&t=6qaeaLKhtsGQpFkIuorcLg" target="_blank"> 1710 <span class="m-8d3afb97 mantine-ActionIcon-icon"> 1711 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-x"> 1712 <path d="M4 4l11.733 16h4.267l-11.733 -16z"></path> 1713 <path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"></path> 1714 </svg> 1715 </span> 1716 </a> 1717 <a style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" href="https://youtube.com/channel/UCZxKOvZmMdmKt5jUX_tOETw" target="_blank"> 1718 <span class="m-8d3afb97 mantine-ActionIcon-icon"> 1719 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-youtube"> 1720 <path d="M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8z"></path> 1721 <path d="M10 9l5 3l-5 3z"></path> 1722 </svg> 1723 </span> 1724 </a> 1725 <button style="--ai-bg:transparent;--ai-hover:transparent;--ai-color:var(--mantine-color-primary-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="mantine-focus-auto mantine-active m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="transparent" type="button" href="#" target="_blank"> 1726 <span class="m-8d3afb97 mantine-ActionIcon-icon"> 1727 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="gray" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-tiktok"> 1728 <path d="M21 7.917v4.034a9.948 9.948 0 0 1 -5 -1.951v4.5a6.5 6.5 0 1 1 -8 -6.326v4.326a2.5 2.5 0 1 0 4 2v-11.5h4.083a6.005 6.005 0 0 0 4.917 4.917z"></path> 1729 </svg> 1730 </span> 1731 </button> 1732 </div> 1733 </div> 1734 </div> 1735 </div> 1736 <style data-mantine-styles="inline"> 1737 .__m__-R2mmrndeql { 1738 --col-flex-grow: auto; 1739 --col-flex-basis: 25%; 1740 --col-max-width: 25%; 1741 } 1742 </style> 1743 <div class="m-96bdd299 mantine-Grid-col __m__-R2mmrndeql"> 1744 <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 1745 <p style="color:#fff;font-size:var(--mantine-font-size-md);
1745font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kontak 1746 <!-- -->Desa 1747 </p> 1748 <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root"> 1749 <div style="--sa-corner-width:0px;--sa-corner-height:0px;height:calc(12.5rem * var(--mantine-scale))" class="m-d57069b5 mantine-ScrollArea-root"> 1750 <div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-offset-scrollbars="xy" data-scrollbars="xy"> 1751 <div style="min-width:100%;display:table"> 1752 <ul class="m-abbac491 mantine-List-root"> 1753 <li class="m-abb6bec2 mantine-List-item" data-with-icon="true"> 1754 <div class="m-75cd9f71 mantine-List-itemWrapper"> 1755 <span class="m-60f83e5b mantine-List-itemIcon"> 1756 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-phone"> 1757 <path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2"></path> 1758 </svg> 1759 </span> 1760 <span class="mantine-List-itemLabel"> 1761 <a style="color:#000" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="tel:08xxxxxxxxxx" target="_blank">08xxxxxxxxxx</a> 1762 </span> 1763 </div> 1764 </li> 1765 <li class="m-abb6bec2 mantine-List-item" data-with-icon="true"> 1766 <div class="m-75cd9f71 mantine-List-itemWrapper"> 1767 <span class="m-60f83e5b mantine-List-itemIcon"> 1768 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-mail"> 1769 <path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path> 1770 <path d="M3 7l9 6l9 -6"></path> 1771 </svg> 1772 </span> 1773 <span class="mantine-List-itemLabel"> 1774 <a style="color:#000" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="/cdn-cgi/l/email-protection#92d9e0f3fcf5f9f7fcf5e1fbf6d2f5fff3fbfebcf1fdff" target="_blank"><span class="__cf_email__" data-cfemail="1f546d7e7178747a71786c767b5f78727e7673317c7072">[email protected]</span></a> 1775 </span> 1776 </div> 1777 </li> 1778 <li class="m-abb6bec2 mantine-List-item" data-with-icon="true"> 1779 <div class="m-75cd9f71 mantine-List-itemWrapper"> 1780 <span class="m-60f83e5b mantine-List-itemIcon"> 1781 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-clock"> 1782 <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path> 1783 <path d="M12 7v5l3 3"></path> 1784 </svg> 1785 </span> 1786 <span class="mantine-List-itemLabel">07.30 - 16.00 WITA</span> 1787 </div> 1788 </li> 1789 <li class="m-abb6bec2 mantine-List-item" data-with-icon="true"> 1790 <div class="m-75cd9f71 mantine-List-itemWrapper">
1791 <span class="m-60f83e5b mantine-List-itemIcon"> 1792 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-home"> 1793 <path d="M5 12l-2 0l9 -9l9 9l-2 0"></path> 1794 <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path> 1795 <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path> 1796 </svg> 1797 </span> 1798 <span class="mantine-List-itemLabel"> 1799 <p style="color:#000" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="#" target="_blank">Jln. Poros Malino Km.11 Bangun Sari Caddi</p> 1800 </span> 1801 </div> 1802 </li> 1803 </ul> 1804 </div> 1805 </div> 1806 <div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div> 1807 <div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div> 1808 </div> 1809 </div> 1810 </div> 1811 </div> 1812 <style data-mantine-styles="inline"> 1813 .__m__-R3mmrndeql { 1814 --col-flex-grow: auto; 1815 --col-flex-basis: 16.666666666666668%; 1816 --col-max-width: 16.666666666666668%; 1817 } 1818 </style> 1819 <div class="m-96bdd299 mantine-Grid-col __m__-R3mmrndeql"> 1820 <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 1821 <p style="color:#fff;font-size:var(--mantine-font-size-md);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Nomor Telepon Penting</p> 1822 <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root"> 1823 <div style="--sa-corner-width:0px;--sa-corner-height:0px;height:calc(12.5rem * var(--mantine-scale))" class="m-d57069b5 mantine-ScrollArea-root"> 1824 <div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-offset-scrollbars="xy" data-scrollbars="xy"> 1825 <div style="min-width:100%;display:table"> 1826 <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"></div> 1827 </div> 1828 </div> 1829 <div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div> 1830 <div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div> 1831 </div> 1832 </div> 1833 </div> 1834 </div> 1835 <style data-mantine-styles="inline"> 1836 .__m__-R4mmrndeql { 1837 --col-flex-grow: auto; 1838 --col-flex-basis: 16.666666666666668%; 1839 --col-max-width: 16.666666666666668%; 1840 } 1841 </style> 1842 <div class="m-96bdd299 mantine-Grid-col __m__-R4mmrndeql"> 1843 <div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 1844 <p style="color:#fff;font-size:var(--mantine-font-size-md);
1844font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Jelajahi</p> 1845 <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root"> 1846 <div style="--sa-corner-width:0px;--sa-corner-height:0px;height:calc(12.5rem * var(--mantine-scale))" class="m-d57069b5 mantine-ScrollArea-root"> 1847 <div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-offset-scrollbars="xy" data-scrollbars="xy"> 1848 <div style="min-width:100%;display:table"> 1849 <ul class="m-abbac491 mantine-List-root"></ul> 1850 </div> 1851 </div> 1852 <div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div> 1853 <div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div> 1854 </div> 1855 </div> 1856 </div> 1857 </div> 1858 </div> 1859 </div> 1860 <div style="background:var(--mantine-color-primary-5)" class="m-4451eb3a mantine-Center-root"> 1861 <p style="color:#fff" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">© 1862 <!-- -->2025 1863 <!-- --> Powered by 1864 <!-- --> 1865 <strong> 1866 <a style="color:unset;text-decoration:unset" class="mantine-focus-auto m-849cf0da m-b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="https://digitaldesa.id" target="_blank">PT Digital Desa Indonesia</a> 1867 </strong> 1868 </p> 1869 </div> 1870 </div> 1871 </footer> 1872 <div style="position:fixed;bottom:0;right:0;border:2px solid white;border-radius:10px;opacity:0.8;z-index:100;cursor:pointer;margin-inline:var(--mantine-spacing-md);margin-bottom:var(--mantine-spacing-sm);padding-inline:var(--mantine-spacing-sm);padding-block:var(--mantine-spacing-xs);background:var(--mantine-color-red-3)" class="mantine-visible-from-sm" aria-haspopup="dialog" aria-expanded="false" aria-controls="mantine-Rrdeql-dropdown" id="mantine-Rrdeql-target"> 1873 <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root"> 1874 <div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 1875 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-headset"> 1876 <path d="M4 14v-3a8 8 0 1 1 16 0v3"></path> 1877 <path d="M18 19c0 1.657 -2.686 3 -6 3"></path> 1878 <path d="M4 14a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-1a2 2 0 0 1 -2 -2v-3z"></path> 1879 <path d="M15 14a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-1a2 2 0 0 1 -2 -2v-3z"></path> 1880 </svg> 1881 </div> 1882 <p style="color:var(--mantine-color-white);font-size:var(--mantine-font-size-md);font-weight:600" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Pengaduan</p> 1883 </div> 1884 </div> 1885 <div style="position:fixed;bottom:0;border:2px solid white;border-radius:10px;z-index:1000;opacity:0.9;margin-inline:var(--mantine-spacing-md);margin-bottom:var(--mantine-spacing-sm);padding-inline:var(--mantine-spacing-sm);padding-block:var(--mantine-spacing-xs);background:var(--mantine-color-primary-2)" class="mantine-visible-from-sm" aria-haspopup="dialog" aria-expanded="false" aria-controls="mantine-R1bdeql-dropdown" id="mantine-R1bdeql-target"> 1886 <div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root"> 1887 <div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"> 1888 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-door"> 1889 <path d="M14 12v.01"></path> 1890 <path d="M3 21h18"></path> 1891 <path d="M6 21v-16a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v16"></path> 1892 </svg> 1893 <p style="color:var(--mantine-color-white);font-size:var(--mantine-font-size-md);
1893font-weight:700" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p> 1894 </div> 1895 <p style="color:var(--mantine-color-white);font-size:var(--mantine-font-size-md);font-weight:600" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kunjungan <br />Hari Ini </p> 1896 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down"> 1897 <path d="M6 9l6 6l6 -6"></path> 1898 </svg> 1899 </div> 1900 </div> 1901 </div>
vendor: 113 bytes, lines 1901-1902
1901 1902 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1902<script async="" src="https://cdn.digitaldesa.com/statics/profil-v2/accessibility.bundle.js"></script>
1902 1903
1903<script async="" src="https://cdn.digitaldesa.com/statics/profil-v2/accessibility.config.js"></script>
1903 1904
1904<script> 1905 ((STORAGE_KEY2, restoreKey) => { 1906 if (!window.history.state || !window.history.state.key) { 1907 let key3 = Math.random().toString(32).slice(2); 1908 window.history.replaceState({ 1909 key: key3 1910 }, ""); 1911 } 1912 try { 1913 let positions = JSON.parse(sessionStorage.getItem(STORAGE_KEY2) || "{}"); 1914 let storedY = positions[restoreKey || window.history.state.key]; 1915 if (typeof storedY === "number") { 1916 window.scrollTo(0, storedY); 1917 } 1918 } catch (error2) { 1919 console.error(error2); 1920 sessionStorage.removeItem(STORAGE_KEY2); 1921 } 1922 })("positions", null) 1923 </script>
1923 1924 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/manifest-e4d20ba2.js" /> 1925 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/entry.client-D6Qjiqo1.js" /> 1926 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/jsx-runtime-ByGpHSPZ.js" /> 1927 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/index-B-yzDlGl.js" /> 1928 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/components-Cw2tsM1o.js" /> 1929 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/oauth-CjmpoasG.js" /> 1930 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/polymorphic-factory-BmRSLjeU.js" /> 1931 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-reduced-motion-yJY9mgkS.js" /> 1932 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Loader-BrUd6zYV.js" /> 1933 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Transition-F2jjUCfr.js" /> 1934 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/UnstyledButton-BwnCZJiS.js" /> 1935 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/store-BqiOundV.js" /> 1936 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Image-BOqHIzWn.js" /> 1937 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Stack-CY4nQ1av.js" /> 1938 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Title-s_pNpi_m.js" /> 1939 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Text-DgvQ2Yzd.js" /> 1940 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Group-DaVFy2M0.js" /> 1941 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Button-B6l5RFbd.js" /> 1942 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Code-D2_oEjqG.js" /> 1943 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/gql-DZiq67mF.js" /> 1944 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/utils-EFR0FJmZ.js" /> 1945 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/user-DpYVSX1o.js" /> 1946 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/metadata-BHaf7C0V.js" /> 1947 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/px-CiO0pVtX.js" /> 1948 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get-contrast-color-DGT1xAlz.js" /> 1949 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-isomorphic-effect-BGcWboEs.js" /> 1950 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Center-BLgiunvn.js" /> 1951 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/root-DmA4gcxq.js" /> 1952 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/is-element-CI8e1h0p.js" /> 1953 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-id-CBFaeZXz.js" /> 1954 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-merged-ref-BJm5sttg.js" /> 1955 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/InputBase-DbFNPVtF.js" /> 1956 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/index-DBv3gr79.js" /> 1957 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/createReactComponent-DG7S5Nwq.js" /> 1958 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/CloseButton-DetmG4UX.js" /> 1959 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-uncontrolled-DgPl9ViR.js" /> 1960 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/TextInput-B42PaN1w.js" /> 1961 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/rest-BQVM1Jfk.js" /> 1962 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/assets-DLkOJ042.js" /> 1963 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/typebox-v0AVxb13.js" /> 1964 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/DirectionProvider-CZrhDgZ9.js" /> 1965 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/create-safe-context-jSuPt_P6.js" /> 1966 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get
1966-default-z-index-CUjKoHex.js" /> 1967 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-floating-auto-update-Ng1_GWo4.js" /> 1968 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/OptionalPortal-BdNhCZIw.js" /> 1969 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/ScrollArea-DwirfqyO.js" /> 1970 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Paper-DipXWK5o.js" /> 1971 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Overlay-ByElZ9nI.js" /> 1972 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/tslib.es6-DPLsjc5m.js" /> 1973 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-window-event-GzRQC4Pl.js" /> 1974 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/create-scoped-keydown-handler-DsNfVizA.js" /> 1975 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/AccordionChevron-C5IsT1PJ.js" /> 1976 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get-style-object-DUJZA7T_.js" /> 1977 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get-base-value-BwMQOHSn.js" /> 1978 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/rest-C4ad_PwK.js" /> 1979 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/vars-B3G_A55N.js" /> 1980 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/clamp-DTmYCdls.js" /> 1981 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Anchor-DHVUz_0m.js" /> 1982 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Select-CyCUsC6U.js" /> 1983 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-browser-layout-effect-D107Qizc.js" /> 1984 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/LoadingOverlay-DmTd0S_C.js" /> 1985 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/profile-D-KlsEcq.js" /> 1986 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/stats-DIaTQNWb.js" /> 1987 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/geojson-utils-BnCvOB4F.js" /> 1988 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/intl-DWyoUv85.js" /> 1989 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Card-D7oEcqHa.js" /> 1990 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconHome-DYujAcsf.js" /> 1991 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Accordion-hUQFw0Oc.js" /> 1992 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/SimpleGrid-MkCOfUZQ.js" /> 1993 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconPhone-BOyNJmdm.js" /> 1994 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/List-CoMlKvZm.js" /> 1995 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconClock-CvFi97kF.js" /> 1996 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconBrandX-KUtong76.js" /> 1997 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/ActionIcon-T2wrklNi.js" /> 1998 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Space-BlY-_SlC.js" /> 1999 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Grid-TBLxdJ9j.js" /> 2000 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/data-CzLNwLPR.js" /> 2001 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/domain-handler-CjBNABR2.js" /> 2002 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Divider-ByTcktLA.js" /> 2003 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/data-zX0GNUb5.js" /> 2004 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-CcBhymQ1.js" /> 2005 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get
2005-auto-contrast-value-Da6zqqWm.js" /> 2006 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/meta-iJHIVwW9.js" /> 2007 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/css-utils-Besm3d-a.js" /> 2008 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Tabs-DnXzcE6A.js" /> 2009 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/PageContainer-IQNGUv2t.js" /> 2010 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-CR_JL63f.js" /> 2011 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/echarts-CvwexzxL.js" /> 2012 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/DimmedNotice-B8Zg4xu5.js" /> 2013 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconCircleX-BXCr4JEw.js" /> 2014 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Table-B5U_LCaL.js" /> 2015 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Flex-DvkRAF7Z.js" /> 2016 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/total-penduduk-DoZmgI3r.js" /> 2017 <link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-BzVT-pNH.js" /> 2018
2018<script> 2019 window.__remixContext = { 2020 "url": "/infografis/penduduk", 2021 "basename": "/", 2022 "state": { 2023 "loaderData": { 2024 "root": { 2025 "env": { 2026 "VITE_ASSET_BASE_URL": "https://cdn.digitaldesa.com/statics", 2027 "VITE_CONTENT_BASE_URL": "https://cdn.digitaldesa.com/uploads", 2028 "VITE_MAIN_BASE_URL": "https://assets.digitaldesa.id", 2029 "VITE_GRAPHQL_ENDPOINT": "https://api-profil-v2.digitaldesa.id/grapher", 2030 "VITE_GRAPHQL_ACCESS_WEBTOKEN": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkRHRFNXVCJ9.eyJyb2wiOiJ1c2VyIiwic3ViIjoiZGlnaWRlcy5pZCIsImZsZyI6IlZFUklGSUVEIiwiZXhwIjo0NzA3Njk1Mzk4LCJ2ZXIiOiJwcm9maWxAZGlnaXRhbGRlc2EuaWQifQ.h_K3tP_9DCOVLHkZ1w-wO2nWOBrM54yTvCbQ0kgw7a4", 2031 "VITE_GOOGLE_OAUTH_CLIENT_ID": "262708630123-dm8t5c0leauujuvru4okrcuhe8upvbmt.apps.googleusercontent.com", 2032 "VITE_FACEBOOK_OAUTH_CLIENT_ID": "", 2033 "VITE_RECAPTCHA_SITE_KEY": "6Lep520pAAAAABk2APNkzFY9wrK-buVGiaJb2tkP", 2034 "VITE_GA_ID": "G-FLQYW0G73E", 2035 "VITE_MAPTILER_KEY": "60gvc7mZIriBftLamHwz" 2036 }, 2037 "slug": "Bangun Sari", 2038 "schema": "73_06_06_2003", 2039 "host": { 2040 "host": "Bangun Sari.{domain}", 2041 "code": "73.06.06.2003", 2042 "schema": "73_06_06_2003", 2043 "slug": "Bangun Sari", 2044 "canonHost": "Bangun Sari.digitaldesa.id", 2045 "canonUrl": "http://Bangun Sari.digitaldesa.id/infografis/penduduk" 2046 }, 2047 "profile": { 2048 "postalCode": "92171", 2049 "welcome": { 2050 "backgroundURL": "8262295301dbf385dc1ea86ec37421a2.jpeg" 2051 }, 2052 "alias": { 2053 "dusun": "Dusun", 2054 "kadus": "Kepala Dusun", 2055 "deskel": "Desa", 2056 "kades": "Kepala Desa", 2057 "kecamatan": "Kecamatan", 2058 "camat": "Camat", 2059 "kabkota": "Kabupaten", 2060 "bupati": "Bupati", 2061 "provinsi": "Provinsi", 2062 "gubernur": "Gubernur", 2063 "BPD": "Badan Permusyawaratan Desa" 2064 }, 2065 "name": { 2066 "deskel": "Bangun Sari", 2067 "ibukota": "Bangun Sari", 2068 "kabkota": "Deli Serdang", 2069 "kecamatan": "Tanjung Morawa", 2070 "provinsi": "Sumatera Utara" 2071 }, 2072 "serviceEmail": "Bangun [email protected]", 2073 "socialMedia": { 2074 "facebook": "https://www.facebook.com/profile.php?id=100068858821303\u0026mibextid=ZbWKwL", 2075 "instagram": "https://instagram.com/desa.Bangun Sari?igshid=YmMyMTA2M2Y=", 2076 "tiktok": "#", 2077 "twitter": "https://twitter.com/Bangun Saridesaku?s=11\u0026t=6qaeaLKhtsGQpFkIuorcLg", 2078 "youtube": "https://youtube.com/channel/UCZxKOvZmMdmKt5jUX_tOETw" 2079 }, 2080 "phone": "08xxxxxxxxxx", 2081 "servicePhone": "08xxxxxxxxxx", 2082 "workHour": "07.30 - 16.00 WITA", 2083 "contact": "", 2084 "email": "Bangun [email protected]", 2085 "logoURL": "Deli Serdangkab.png", 2086 "officeAddress": "Jln. Poros Malino Km.11 Bangun Sari Caddi", 2087 "description": "[Deskripsi desa]", 2088 "timezone": 8, 2089 "primaryPalette": [] 2090 }, 2091 "baseDomain": "digitaldesa.id", 2092 "url": "http://Bangun Sari.digitaldesa.id/infografis/penduduk", 2093 "locale": "ID", 2094 "user": {} 2095 }, 2096 "routes/_": null, 2097 "routes/_.infografis.penduduk._index": null, 2098 "routes/_.infografis": null 2099 }, 2100 "actionData": null, 2101 "errors": null 2102 }, 2103 "future": { 2104 "v3_fetcherPersist": false, 2105 "v3_relativeSplatPath": false, 2106 "v3_throwAbortReason": false, 2107 "unstable_singleFetch": false, 2108 "unstable_fogOfWar": false 2109 }, 2110 "isSpaMode": false 2111 }; 2112 </script>
2112 2113
2113<script type="module" async=""> 2114 import "https://cdn.digitaldesa.com/statics/profil-v2/assets/manifest-e4d20ba2.js"; 2115 import * as route0 from "https://cdn.digitaldesa.com/statics/profil-v2/assets/root-DmA4gcxq.js"; 2116 import * as route1 from "https://cdn.digitaldesa.com/statics/profil-v2/assets/route-CcBhymQ1.js"; 2117 import * as route2 from "https://cdn.digitaldesa.com/statics/profil-v2/assets/route-CR_JL63f.js"; 2118 import * as route3 from "https://cdn.digitaldesa.com/statics/profil-v2/assets/route-BzVT-pNH.js"; 2119 window.__remixRouteModules = { 2120 "root": route0, 2121 "routes/_": route1, 2122 "routes/_.infografis": route2, 2123 "routes/_.infografis.penduduk._index": route3 2124 }; 2125 import("https://cdn.digitaldesa.com/statics/profil-v2/assets/entry.client-D6Qjiqo1.js"); 2126 </script>
2126 2127
2127<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"56cb80d3c4914098b87a809c00635ce9","r":1,"spa":2}' crossorigin="anonymous"></script>
2127 2128</body> 2129</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.