<!DOCTYPE html>
<html lang="en">
<head>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
<link href="https://fonts.googleapis.com/css2?family=Outfit&display=swap" rel="stylesheet" />
<title>Profil | Website Resmi Desa Karangsari</title>
<meta property="og:title" content="Profil Desa Karangsari" />
<meta name="description" content="Informasi profil, sejarah, visi dan misi, batas-batas Desa, dan struktur pemerintahan Desa Karangsari" />
<meta property="og:description" content="Informasi profil, sejarah, visi dan misi, batas-batas Desa, dan struktur pemerintahan Desa Karangsari" />
<meta name="canonical" content="https://karangsari-desa.id/" />
<meta name="robots" content="index, follow" />
<meta name="application-name" content="Website Profil Desa by DIGIDES" />
<meta name="generator" content="Remix" />
<meta name="publisher" content="Pemerintah Desa Karangsari" />
<link rel="icon" href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&s" />
<meta property="og:url" content="https://Karangsari.digitaldesa.id/profil" />
<meta property="og:site_name" content="Website Resmi Desa Karangsari" />
<meta property="og:image" content="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&s" />
<meta property="og:image:width" content="256" />
<meta property="og:image:height" content="256" />
<meta property="og:image:alt" content="Logo Desa Karangsari" />
<meta property="og:locale" content="id_ID" />
<meta property="og:type" content="website" />
<link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/user-CKLW1QS4.css" />
<link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/root-DNBMDKXY.css" />
<link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-C4CBZJHj.css" />
<link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Spacer-DVQ1uAq7.css" />
<link rel="stylesheet" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/StyleSwitcher-EaxY1z7_.css" />
<script data-mantine-script="true">
try {
var _colorScheme = window.localStorage.getItem("mantine-color-scheme-value");
var colorScheme = _colorScheme === "light" || _colorScheme === "dark" || _colorScheme === "auto" ? _colorScheme : "light";
var computedColorScheme = colorScheme !== "auto" ? colorScheme : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
document.documentElement.setAttribute("data-mantine-color-scheme", computedColorScheme);
} catch (e) {}
</script>
<script src="https://www.googletagmanager.com/gtag/js?id=G-FLQYW0G73E"></script>
<script id="google-analytics">
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-FLQYW0G73E', {
page_path: window.location.pathname
});
</script>
</head>
<body>
<style data-mantine-styles="true">
:root {
--mantine-font-family: Outfit;
--mantine-font-family-headings: Outfit;
--mantine-primary-color-filled: var(--mantine-color-primary-filled);
--mantine-primary-color-filled-hover: var(--mantine-color-primary-filled-hover);
--mantine-primary-color-light: var(--mantine-color-primary-light);
--mantine-primary-color-light-hover: var(--mantine-color-primary-light-hover);
--mantine-primary-color-light-color: var(--mantine-color-primary-light-color);
--mantine-primary-color-0: var(--mantine-color-primary-0);
--mantine-primary-color-1: var(--mantine-color-primary-1);
--mantine-primary-color-2: var(--mantine-color-primary-2);
--mantine-primary-color-3: var(--mantine-color-primary-3);
--mantine-primary-color-4: var(--mantine-color-primary-4);
--mantine-primary-color-5: var(--mantine-color-primary-5);
--mantine-primary-color-6: var(--mantine-color-primary-6);
--mantine-primary-color-7: var(--mantine-color-primary-7);
--mantine-primary-color-8: var(--mantine-color-primary-8);
--mantine-primary-color-9: var(--mantine-color-primary-9);
--mantine-color-primary-0: #B3FFEA;
--mantine-color-primary-1: #73EDC5;
--mantine-color-primary-2: #52C7A1;
--mantine-color-primary-3: #4A977E;
--mantine-color-primary-4: #298064;
--mantine-color-primary-5: #0F7050;
--mantine-color-primary-6: #006643;
--mantine-color-primary-7: #005936;
--mantine-color-primary-8: #004329;
--mantine-color-primary-9: #00321F;
--mantine-color-secondary-0: #E3FFC1;
--mantine-color-secondary-1: #B9E581;
--mantine-color-secondary-2: #95FD0F;
--mantine-color-secondary-3: #77FA00;
--mantine-color-secondary-4: #59BD00;
--mantine-color-secondary-5: #438E00;
--mantine-color-secondary-6: #326A00;
--mantine-color-secondary-7: #265000;
--mantine-color-secondary-8: #000000;
--mantine-color-secondary-9: #000000;
}
:root[data-mantine-color-scheme="dark"] {
--mantine-color-anchor: var(--mantine-color-primary-4);
--mantine-color-primary-text: var(--mantine-color-primary-4);
--mantine-color-primary-filled: var(--mantine-color-primary-8);
--mantine-color-primary-filled-hover: var(--mantine-color-primary-9);
--mantine-color-primary-light: rgba(0, 102, 67, 0.15);
--mantine-color-primary-light-hover: rgba(0, 102, 67, 0.2);
--mantine-color-primary-light-color: var(--mantine-color-primary-3);
--mantine-color-primary-outline: var(--mantine-color-primary-4);
--mantine-color-primary-outline-hover: rgba(41, 128, 100, 0.05);
--mantine-color-secondary-text: var(--mantine-color-secondary-4);
--mantine-color-secondary-filled: var(--mantine-color-secondary-8);
--mantine-color-secondary-filled-hover: var(--mantine-color-secondary-9);
--mantine-color-secondary-light: rgba(50, 106, 0, 0.15);
--mantine-color-secondary-light-hover: rgba(50, 106, 0, 0.2);
--mantine-color-secondary-light-color: var(--mantine-color-secondary-3);
--mantine-color-secondary-outline: var(--mantine-color-secondary-4);
--mantine-color-secondary-outline-hover: rgba(89, 189, 0, 0.05);
}
:root[data-mantine-color-scheme="light"] {
--mantine-color-anchor: var(--mantine-color-primary-6);
--mantine-color-primary-text: var(--mantine-color-primary-filled);
--mantine-color-primary-filled: var(--mantine-color-primary-6);
--mantine-color-primary-filled-hover: var(--mantine-color-primary-7);
--mantine-color-primary-light: rgba(0, 102, 67, 0.1);
--mantine-color-primary-light-hover: rgba(0, 102, 67, 0.12);
--mantine-color-primary-light-color: var(--mantine-color-primary-6);
--mantine-color-primary-outline: var(--mantine-color-primary-6);
--mantine-color-primary-outline-hover: rgba(0, 102, 67, 0.05);
--mantine-color-secondary-text: var(--mantine-color-secondary-filled);
--mantine-color-secondary-filled: var(--mantine-color-secondary-6);
--mantine-color-secondary-filled-hover: var(--mantine-color-secondary-7);
--mantine-color-secondary-light: rgba(50, 106, 0, 0.1);
--mantine-color-secondary-light-hover: rgba(50, 106, 0, 0.12);
--mantine-color-secondary-light-color: var(--mantine-color-secondary-6);
--mantine-color-secondary-outline: var(--mantine-color-secondary-6);
--mantine-color-secondary-outline-hover: rgba(50, 106, 0, 0.05);
}
</style>
<style data-mantine-styles="classes">
@media (max-width: 35.99375em) {
.mantine-visible-from-xs {
display: none !important;
}
}
@media (min-width: 36em) {
.mantine-hidden-from-xs {
display: none !important;
}
}
@media (max-width: 47.99375em) {
.mantine-visible-from-sm {
display: none !important;
}
}
@media (min-width: 48em) {
.mantine-hidden-from-sm {
display: none !important;
}
}
@media (max-width: 61.99375em) {
.mantine-visible-from-md {
display: none !important;
}
}
@media (min-width: 62em) {
.mantine-hidden-from-md {
display: none !important;
}
}
@media (max-width: 74.99375em) {
.mantine-visible-from-lg {
display: none !important;
}
}
@media (min-width: 75em) {
.mantine-hidden-from-lg {
display: none !important;
}
}
@media (max-width: 87.99375em) {
.mantine-visible-from-xl {
display: none !important;
}
}
@media (min-width: 88em) {
.mantine-hidden-from-xl {
display: none !important;
}
}
</style>
<style data-mantine-styles="inline">
:root {
--app-shell-padding: 0px;
}
</style>
<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">
<style data-mantine-styles="inline">
.__m__-R3deql {
padding-inline: calc(0.625rem * var(--mantine-scale));
background: var(--mantine-color-primary-6);
}
@media(min-width: 48em) {
.__m__-R3deql {
padding-inline: calc(1.875rem * var(--mantine-scale));
background: var(--mantine-color-primary-6);
}
}
</style>
<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">
<div style="--group-gap:0rem;--group-align:center;--group-justify:space-between;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
<a style="text-decoration:none" data-discover="true" href="/">
<div style="--group-gap:var(--mantine-spacing-xs);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
<style data-mantine-styles="inline">
.__m__-Rd9mjdeql {
width: calc(2.5rem * var(--mantine-scale));
}
@media(min-width: 48em) {
.__m__-Rd9mjdeql {
width: calc(3.125rem * var(--mantine-scale));
}
}
@media(min-width: 62em) {
.__m__-Rd9mjdeql {
width: calc(3.75rem * var(--mantine-scale));
}
}
@media(min-width: 75em) {
.__m__-Rd9mjdeql {
width: calc(4.375rem * var(--mantine-scale));
}
}
</style>
<img class="m-9e117634 mantine-Image-root __m__-Rd9mjdeql" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&s" alt="Logo" />
<style data-mantine-styles="inline">
.__m__-Rl9mjdeql {
color: #fff;
}
@media(min-width: 48em) {
.__m__-Rl9mjdeql {
color: var(--mantine-color-white);
}
}
</style>
<div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root __m__-Rl9mjdeql">
<style data-mantine-styles="inline">
@media(min-width: 48em) {
.__m__-Rdl9mjdeql {
font-size: var(--mantine-font-size-sm);
}
}
@media(min-width: 62em) {
.__m__-Rdl9mjdeql {
font-size: var(--mantine-font-size-md);
}
}
@media(min-width: 75em) {
.__m__-Rdl9mjdeql {
font-size: var(--mantine-font-size-lg);
}
}
</style>
<p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdl9mjdeql">Desa Karangsari</p>
<style data-mantine-styles="inline">
.__m__-Rll9mjdeql {
font-size: var(--mantine-font-size-xs);
}
@media(min-width: 48em) {
.__m__-Rll9mjdeql {
font-size: var(--mantine-font-size-xs);
}
}
@media(min-width: 62em) {
.__m__-Rll9mjdeql {
font-size: var(--mantine-font-size-sm);
}
}
@media(min-width: 75em) {
.__m__-Rll9mjdeql {
font-size: var(--mantine-font-size-md);
}
}
</style>
<p class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rll9mjdeql">Kabupaten
<!-- -->
<!-- -->Kuningan
</p>
</div>
</div>
</a>
<div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-end;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
<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">
<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="/">
<style data-mantine-styles="inline">
@media(min-width: 48em) {
.__m__-Rd3bamjdeql {
color: var(--mantine-color-white);
font-size: var(--mantine-font-size-sm);
}
}
@media(min-width: 62em) {
.__m__-Rd3bamjdeql {
font-size: var(--mantine-font-size-md);
}
}
@media(min-width: 75em) {
.__m__-Rd3bamjdeql {
font-size: var(--mantine-font-size-lg);
}
}
</style>
<p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rd3bamjdeql">Home</p>
</a>
<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="/profil">
<style data-mantine-styles="inline">
@media(min-width: 48em) {
.__m__-Rd5bamjdeql {
color: var(--mantine-color-white);
font-size: var(--mantine-font-size-sm);
}
}
@media(min-width: 62em) {
.__m__-Rd5bamjdeql {
font-size: var(--mantine-font-size-md);
}
}
@media(min-width: 75em) {
.__m__-Rd5bamjdeql {
font-size: var(--mantine-font-size-lg);
}
}
</style>
<p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rd5bamjdeql">Profil Desa</p>
</a>
<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">
<style data-mantine-styles="inline">
@media(min-width: 48em) {
.__m__-Rd7bamjdeql {
color: var(--mantine-color-white);
font-size: var(--mantine-font-size-sm);
}
}
@media(min-width: 62em) {
.__m__-Rd7bamjdeql {
font-size: var(--mantine-font-size-md);
}
}
@media(min-width: 75em) {
.__m__-Rd7bamjdeql {
font-size: var(--mantine-font-size-lg);
}
}
</style>
<p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rd7bamjdeql">Infografis</p>
</a>
<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">
<style data-mantine-styles="inline">
@media(min-width: 48em) {
.__m__-Rd9bamjdeql {
color: var(--mantine-color-white);
font-size: var(--mantine-font-size-sm);
}
}
@media(min-width: 62em) {
.__m__-Rd9bamjdeql {
font-size: var(--mantine-font-size-md);
}
}
@media(min-width: 75em) {
.__m__-Rd9bamjdeql {
font-size: var(--mantine-font-size-lg);
}
}
</style>
<p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rd9bamjdeql">Listing</p>
</a>
<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">
<style data-mantine-styles="inline">
@media(min-width: 48em) {
.__m__-Rdbbamjdeql {
color: var(--mantine-color-white);
font-size: var(--mantine-font-size-sm);
}
}
@media(min-width: 62em) {
.__m__-Rdbbamjdeql {
font-size: var(--mantine-font-size-md);
}
}
@media(min-width: 75em) {
.__m__-Rdbbamjdeql {
font-size: var(--mantine-font-size-lg);
}
}
</style>
<p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdbbamjdeql">IDM</p>
</a>
<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">
<style data-mantine-styles="inline">
@media(min-width: 48em) {
.__m__-Rddbamjdeql {
color: var(--mantine-color-white);
font-size: var(--mantine-font-size-sm);
}
}
@media(min-width: 62em) {
.__m__-Rddbamjdeql {
font-size: var(--mantine-font-size-md);
}
}
@media(min-width: 75em) {
.__m__-Rddbamjdeql {
font-size: var(--mantine-font-size-lg);
}
}
</style>
<p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rddbamjdeql">Berita</p>
</a>
<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">
<style data-mantine-styles="inline">
@media(min-width: 48em) {
.__m__-Rdfbamjdeql {
color: var(--mantine-color-white);
font-size: var(--mantine-font-size-sm);
}
}
@media(min-width: 62em) {
.__m__-Rdfbamjdeql {
font-size: var(--mantine-font-size-md);
}
}
@media(min-width: 75em) {
.__m__-Rdfbamjdeql {
font-size: var(--mantine-font-size-lg);
}
}
</style>
<p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdfbamjdeql">Belanja</p>
</a>
<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">
<style data-mantine-styles="inline">
@media(min-width: 48em) {
.__m__-Rdhbamjdeql {
color: var(--mantine-color-white);
font-size: var(--mantine-font-size-sm);
}
}
@media(min-width: 62em) {
.__m__-Rdhbamjdeql {
font-size: var(--mantine-font-size-md);
}
}
@media(min-width: 75em) {
.__m__-Rdhbamjdeql {
font-size: var(--mantine-font-size-lg);
}
}
</style>
<p style="font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-Rdhbamjdeql">PPID</p>
</a>
</div>
<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>
</div>
<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">
<div class="m-d4fb9cad mantine-Burger-burger" data-reduce-motion="true"></div>
</button>
</div>
</header>
<div class="">
<style data-mantine-styles="inline">
.__m__-R2ldeql {
margin-top: calc(2.5rem * var(--mantine-scale));
}
@media(min-width: 48em) {
.__m__-R2ldeql {
margin-top: calc(5rem * var(--mantine-scale));
}
}
@media(min-width: 75em) {
.__m__-R2ldeql {
max-width: var(--mantine-breakpoint-lg);
}
}
@media(min-width: 88em) {
.__m__-R2ldeql {
max-width: var(--mantine-breakpoint-xl);
}
}
</style>
<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">
<div style="--stack-gap:calc(6.25rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
<div style="--stack-gap:var(--mantine-spacing-lg);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-hidden-from-sm">
<div style="border-radius:10px;background:rgb(97, 203, 184);width:100%;height:calc(10.9375rem * var(--mantine-scale));position:relative" class="">
<style data-mantine-styles="inline">
.__m__-R5d9mmldeql {
--sg-spacing-x: var(--mantine-spacing-xs);
--sg-spacing-y: var(--mantine-spacing-xs);
--sg-cols: 2;
}
</style>
<div class="m-2415a157 mantine-SimpleGrid-root __m__-R5d9mmldeql">
<img style="--image-object-fit:contain;width:calc(10.625rem * var(--mantine-scale));position:absolute;bottom:0rem" class="m-9e117634 mantine-Image-root" data-fallback="true" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/fallback-B6dzNJxy.png" alt="other" />
<div class="">
<img style="text-align:start;width:calc(9.375rem * var(--mantine-scale));position:absolute;bottom:calc(0.625rem * var(--mantine-scale));right:calc(1.875rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/hero-8NKnH9pc.png" alt="other" />
<div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start;text-shadow:1px 1px black;text-align:center;width:calc(10rem * var(--mantine-scale));position:absolute;bottom:calc(0.625rem * var(--mantine-scale));right:calc(0.9375rem * var(--mantine-scale))" class="m-6d731127 mantine-Stack-root">
<h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);color:#fff;font-size:calc(0.9375rem * var(--mantine-scale));font-weight:bold;line-height:1;text-transform:uppercase" class="m-8a5d1357 mantine-Title-root" data-order="1"></h1>
<p style="color:#fff;font-size:calc(0.75rem * var(--mantine-scale));line-height:1" class="mantine-focus-auto m-b6d8b162 mantine-Text-root"></p>
</div>
</div>
</div>
</div>
<div style="--accordion-radius:var(--mantine-radius-md)" class="m-9bdbb667 mantine-Accordion-root" data-variant="separated" id="mantine-Rl9mmldeql" data-accordion="true">
<div style="background:#fff" class="m-9f59b069 m-9bd7b098 mantine-Accordion-item">
<button 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-Rl9mmldeql-panel-1" id="mantine-Rl9mmldeql-control-1">
<span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
<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">
<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>
</svg>
</span>
<span class="m-df3ffa0f mantine-Accordion-label">
<p style="font-size:calc(0.875rem * var(--mantine-scale));font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Visi</p>
</span>
</button>
<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-Rl9mmldeql-panel-1" aria-labelledby="mantine-Rl9mmldeql-control-1">
<div class="m-4ba554d4 mantine-Accordion-content">
<p style="color:#5A5E62;font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root"></p>
</div>
</div>
</div>
<div style="background:#fff" class="m-9f59b069 m-9bd7b098 mantine-Accordion-item">
<button 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-Rl9mmldeql-panel-2" id="mantine-Rl9mmldeql-control-2">
<span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
<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">
<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>
</svg>
</span>
<span class="m-df3ffa0f mantine-Accordion-label">
<p style="font-size:calc(0.875rem * var(--mantine-scale));font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Misi</p>
</span>
</button>
<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-Rl9mmldeql-panel-2" aria-labelledby="mantine-Rl9mmldeql-control-2">
<div class="m-4ba554d4 mantine-Accordion-content">
<ol style="--list-spacing:calc(0.25rem * var(--mantine-scale));color:#5A5E62;font-size:calc(0.875rem * var(--mantine-scale))" class="m-abbac491 mantine-List-root"></ol>
</div>
</div>
</div>
</div>
</div>
<style data-mantine-styles="inline">
.__m__-Rhmmldeql {
--grid-gutter: var(--mantine-spacing-md);
}
</style>
<div style="--grid-justify:center;--grid-align:center;overflow:visible" class="m-410352e9 mantine-Grid-root __m__-Rhmmldeql mantine-visible-from-sm">
<div class="m-dee7bd2f mantine-Grid-inner">
<style data-mantine-styles="inline">
.__m__-R3dhmmldeql {
--col-flex-grow: 1;
--col-flex-basis: 50%;
--col-max-width: 100%;
}
</style>
<div class="m-96bdd299 mantine-Grid-col __m__-R3dhmmldeql">
<div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
<img style="width:calc(18.75rem * var(--mantine-scale))" class="m-9e117634 mantine-Image-root" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM8ltUdFfikTC62TtonGQDA51Vk06ULjwiZA&s" alt="Visi Misi" />
<div style="height:var(--mantine-spacing-md);min-height:var(--mantine-spacing-md)" class=""></div>
<h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);text-transform:uppercase" class="m-8a5d1357 mantine-Title-root" data-order="1">Desa
<!-- -->
<!-- -->Karangsari
</h1>
<p style="font-weight:600" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kecamatan
<!-- -->
<!-- -->Darma
<!-- -->,
<!-- -->
<!-- -->Kabupaten
<!-- -->
<!-- -->Kuningan
<!-- -->,
<!-- -->
<!-- -->Provinsi
<!-- -->
<!-- -->Jawa Barat
</p>
</div>
</div>
<style data-mantine-styles="inline">
.__m__-R5dhmmldeql {
--col-flex-grow: 1;
--col-flex-basis: 50%;
--col-max-width: 100%;
}
</style>
<div class="m-96bdd299 mantine-Grid-col __m__-R5dhmmldeql">
<div style="--stack-gap:calc(0.625rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
<h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);margin-bottom:var(--mantine-spacing-sm);font-size:calc(2.75rem * var(--mantine-scale));text-align:center" class="m-8a5d1357 mantine-Title-root" data-order="1">VISI</h1>
<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-xl);padding-block:var(--mantine-spacing-sm);background:rgba(255, 255, 255, 0.50);display:none" class="">
<p style="color:#5A5E62;font-size:calc(1.125rem * var(--mantine-scale));font-weight:600;text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root"></p>
</div>
<div style="display:none" class="">
<style data-mantine-styles="inline">
.__m__-R5erddhmmldeql {
padding: calc(0.625rem * var(--mantine-scale));
}
@media(min-width: 48em) {
.__m__-R5erddhmmldeql {
padding: calc(1.25rem * var(--mantine-scale));
}
}
</style>
<div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-R5erddhmmldeql">
<div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
<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">
<path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path>
<path d="M10 10l4 4m0 -4l-4 4"></path>
</svg>
<style data-mantine-styles="inline">
.__m__-R1bderddhmmldeql {
font-size: calc(1rem * var(--mantine-scale));
}
@media(min-width: 48em) {
.__m__-R1bderddhmmldeql {
font-size: calc(1.5rem * var(--mantine-scale));
}
}
</style>
<p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R1bderddhmmldeql">Belum Ada Data</p>
</div>
</div>
</div>
<div style="height:var(--mantine-spacing-md);min-height:var(--mantine-spacing-md)" class=""></div>
<h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);margin-bottom:var(--mantine-spacing-sm);font-size:calc(2.75rem * var(--mantine-scale));text-align:center" class="m-8a5d1357 mantine-Title-root" data-order="1">MISI</h1>
<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-xl);padding-block:var(--mantine-spacing-sm);background:rgba(255, 255, 255, 0.50);display:none" class="">
<ol style="--list-spacing:calc(0.25rem * var(--mantine-scale));padding-right:var(--mantine-spacing-xl);color:#5A5E62;font-size:calc(1.125rem * var(--mantine-scale));text-align:justify" class="m-abbac491 mantine-List-root"></ol>
</div>
<div style="display:none" class="">
<style data-mantine-styles="inline">
.__m__-R5urddhmmldeql {
padding: calc(0.625rem * var(--mantine-scale));
}
@media(min-width: 48em) {
.__m__-R5urddhmmldeql {
padding: calc(1.25rem * var(--mantine-scale));
}
}
</style>
<div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-R5urddhmmldeql">
<div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
<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">
<path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path>
<path d="M10 10l4 4m0 -4l-4 4"></path>
</svg>
<style data-mantine-styles="inline">
.__m__-R1bdurddhmmldeql {
font-size: calc(1rem * var(--mantine-scale));
}
@media(min-width: 48em) {
.__m__-R1bdurddhmmldeql {
font-size: calc(1.5rem * var(--mantine-scale));
}
}
</style>
<p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R1bdurddhmmldeql">Belum Ada Data</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style data-mantine-styles="inline">
.__m__-R2mmldeql {
margin-top: calc(-5.1875rem * var(--mantine-scale));
}
@media(min-width: 48em) {
.__m__-R2mmldeql {
margin-top: 0rem;
}
}
</style>
<div class="__m__-R2mmldeql">
<div style="--accordion-radius:var(--mantine-radius-md)" class="m-9bdbb667 mantine-Accordion-root mantine-hidden-from-sm" data-variant="separated" id="mantine-R3ammldeql" data-accordion="true">
<div style="background:#fff" class="m-9f59b069 m-9bd7b098 mantine-Accordion-item">
<button 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-R3ammldeql-panel-1" id="mantine-R3ammldeql-control-1">
<span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
<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">
<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>
</svg>
</span>
<span class="m-df3ffa0f mantine-Accordion-label">
<p style="font-size:calc(0.875rem * var(--mantine-scale));font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Bagan
<!-- -->Desa
</p>
</span>
</button>
<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-R3ammldeql-panel-1" aria-labelledby="mantine-R3ammldeql-control-1">
<div class="m-4ba554d4 mantine-Accordion-content">
<div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
<div class="">
<p style="font-size:calc(0.875rem * var(--mantine-scale));text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Struktur Organisasi Pemerintahan
<!-- -->Desa
</p>
<div class="lg-react-element ">
<a class="gallery-item" data-src="">
<img style="--image-radius:var(--mantine-radius-md)" class="m-9e117634 mantine-Image-root" data-fallback="true" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/member-B6-7Wu_5.png" alt="Bagan SOTK Desa" />
</a>
</div>
</div>
<div class="">
<p style="font-size:calc(0.875rem * var(--mantine-scale));text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Struktur Organisasi
<!-- -->Badan Permusyawaratan Desa
</p>
<div class="lg-react-element ">
<a class="gallery-item" data-src="">
<img style="--image-radius:var(--mantine-radius-md)" class="m-9e117634 mantine-Image-root" data-fallback="true" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/member-B6-7Wu_5.png" alt="Bagan Struktur BPD" />
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="--stack-gap:calc(3.125rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-visible-from-sm">
<div class="">
<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">Bagan
<!-- -->Desa
</h1>
<p style="font-size:calc(1.25rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Bagan Struktur
<!-- -->Desa Karangsari
</p>
</div>
<div class="">
<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(2rem * var(--mantine-scale));text-transform:uppercase" class="m-8a5d1357 mantine-Title-root" data-order="1">Struktur Organisasi Pemerintahan
<!-- -->Desa
</h1>
<div class="lg-react-element ">
<a class="gallery-item" data-src="">
<img style="--image-radius:var(--mantine-radius-md)" class="m-9e117634 mantine-Image-root" data-fallback="true" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/member-B6-7Wu_5.png" alt="Bagan SOTK Desa" />
</a>
</div>
</div>
<div class="_horizontalSpacer_kfkxv_3 undefined"></div>
<div class="">
<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(2rem * var(--mantine-scale));text-transform:uppercase" class="m-8a5d1357 mantine-Title-root" data-order="1">Struktur Organisasi
<!-- -->Badan Permusyawaratan Desa
</h1>
<div class="lg-react-element ">
<a class="gallery-item" data-src="">
<img style="--image-radius:var(--mantine-radius-md)" class="m-9e117634 mantine-Image-root" data-fallback="true" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/member-B6-7Wu_5.png" alt="Bagan Struktur BPD" />
</a>
</div>
</div>
</div>
</div>
<style data-mantine-styles="inline">
.__m__-R3mmldeql {
margin-top: calc(-5.1875rem * var(--mantine-scale));
}
@media(min-width: 48em) {
.__m__-R3mmldeql {
margin-top: 0rem;
}
}
</style>
<div class="__m__-R3mmldeql">
<div style="--accordion-radius:var(--mantine-radius-md)" class="m-9bdbb667 mantine-Accordion-root mantine-hidden-from-sm" data-variant="separated" id="mantine-R3bmmldeql" data-accordion="true">
<div style="background:#fff" class="m-9f59b069 m-9bd7b098 mantine-Accordion-item">
<button 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-R3bmmldeql-panel-1" id="mantine-R3bmmldeql-control-1">
<span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
<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">
<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>
</svg>
</span>
<span class="m-df3ffa0f mantine-Accordion-label">
<p style="font-size:calc(0.875rem * var(--mantine-scale));font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Sejarah
<!-- -->Desa
</p>
</span>
</button>
<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-R3bmmldeql-panel-1" aria-labelledby="mantine-R3bmmldeql-control-1">
<div class="m-4ba554d4 mantine-Accordion-content">
<div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
<div style="padding-left:0rem" class="m-d6493fad mantine-TypographyStylesProvider-root">
<div style="display:contents"></div>
</div>
<div style="display:none" class="">
<style data-mantine-styles="inline">
.__m__-R5tmmrbmmldeql {
padding: calc(0.625rem * var(--mantine-scale));
}
@media(min-width: 48em) {
.__m__-R5tmmrbmmldeql {
padding: calc(1.25rem * var(--mantine-scale));
}
}
</style>
<div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-R5tmmrbmmldeql">
<div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
<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-clipboard-off" style="width:calc(2rem * var(--mantine-scale));height:auto">
<path d="M5.575 5.597a2 2 0 0 0 -.575 1.403v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2m0 -4v-8a2 2 0 0 0 -2 -2h-2"></path>
<path d="M9 5a2 2 0 0 1 2 -2h2a2 2 0 1 1 0 4h-2"></path>
<path d="M3 3l18 18"></path>
</svg>
<style data-mantine-styles="inline">
.__m__-R1bdtmmrbmmldeql {
font-size: calc(1rem * var(--mantine-scale));
}
@media(min-width: 48em) {
.__m__-R1bdtmmrbmmldeql {
font-size: calc(1.5rem * var(--mantine-scale));
}
}
</style>
<p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R1bdtmmrbmmldeql">Belum Ada Data</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style data-mantine-styles="inline">
.__m__-R5bmmldeql {
--grid-gutter: var(--mantine-spacing-xl);
}
</style>
<div class="m-410352e9 mantine-Grid-root __m__-R5bmmldeql mantine-visible-from-sm">
<div class="m-dee7bd2f mantine-Grid-inner">
<style data-mantine-styles="inline">
.__m__-Rrdbmmldeql {
--col-flex-grow: auto;
--col-flex-basis: 100%;
--col-max-width: 100%;
}
</style>
<div class="m-96bdd299 mantine-Grid-col __m__-Rrdbmmldeql">
<div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
<h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);text-transform:uppercase" class="m-8a5d1357 mantine-Title-root" data-order="1">Sejarah
<!-- -->Desa
<!-- -->
<!-- -->Karangsari
</h1>
<div style="display:contents" class="">
<div class="m-559cce2d mantine-Spoiler-root" id="mantine-Rmmqrdbmmldeql">
<div class="m-b912df4e mantine-Spoiler-content" style="max-height:calc(18.5rem * var(--mantine-scale))" data-reduce-motion="true" role="region" id="mantine-Rmmqrdbmmldeql-region">
<div>
<div style="padding-left:0rem;font-size:calc(1.125rem * var(--mantine-scale))" class="m-d6493fad mantine-TypographyStylesProvider-root">
<div style="display:contents"></div>
</div>
</div>
</div>
</div>
</div>
<div style="display:none" class="">
<style data-mantine-styles="inline">
.__m__-Rnmqrdbmmldeql {
padding: calc(0.625rem * var(--mantine-scale));
}
@media(min-width: 48em) {
.__m__-Rnmqrdbmmldeql {
padding: calc(1.25rem * var(--mantine-scale));
}
}
</style>
<div style="margin-inline:auto;background:var(--mantine-color-gray-1);width:max-content" class="m-1b7284a3 mantine-Paper-root __m__-Rnmqrdbmmldeql">
<div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
<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-clipboard-off" style="width:calc(2rem * var(--mantine-scale));height:auto">
<path d="M5.575 5.597a2 2 0 0 0 -.575 1.403v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2m0 -4v-8a2 2 0 0 0 -2 -2h-2"></path>
<path d="M9 5a2 2 0 0 1 2 -2h2a2 2 0 1 1 0 4h-2"></path>
<path d="M3 3l18 18"></path>
</svg>
<style data-mantine-styles="inline">
.__m__-R5dnmqrdbmmldeql {
font-size: calc(1rem * var(--mantine-scale));
}
@media(min-width: 48em) {
.__m__-R5dnmqrdbmmldeql {
font-size: calc(1.5rem * var(--mantine-scale));
}
}
</style>
<p style="color:var(--mantine-color-gray-4)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root __m__-R5dnmqrdbmmldeql">Belum ada sejarah Desa</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style data-mantine-styles="inline">
.__m__-R4mmldeql {
margin-top: calc(-4.0625rem * var(--mantine-scale));
}
@media(min-width: 48em) {
.__m__-R4mmldeql {
margin-top: 0rem;
}
}
</style>
<div class="__m__-R4mmldeql">
<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">
<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(1.25rem * var(--mantine-scale));text-align:center;text-transform:uppercase" class="m-8a5d1357 mantine-Title-root" data-order="1">PETA LOKASI
<!-- -->Desa
</h1>
<div style="height:calc(21.875rem * var(--mantine-scale))" class="">
<div style="--paper-radius:var(--mantine-radius-md);--paper-shadow:var(--mantine-shadow-md);overflow:hidden;width:100%;height:100%" class="m-1b7284a3 mantine-Paper-root">
<div style="position:relative;width:100%;height:100%"></div>
</div>
</div>
<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(1.25rem * var(--mantine-scale));text-align:center;text-transform:uppercase" class="m-8a5d1357 mantine-Title-root" data-order="1">GEOGRAFIS
<!-- -->Desa
</h1>
<style data-mantine-styles="inline">
.__m__-R9bcmmldeql {
--grid-gutter: var(--mantine-spacing-md);
}
</style>
<div style="--grid-justify:center" class="m-410352e9 mantine-Grid-root __m__-R9bcmmldeql mantine-hidden-from-sm">
<div class="m-dee7bd2f mantine-Grid-inner">
<style data-mantine-styles="inline">
.__m__-R1mpbcmmldeql {
--col-flex-grow: auto;
--col-flex-basis: 50%;
--col-max-width: 50%;
}
</style>
<div class="m-96bdd299 mantine-Grid-col __m__-R1mpbcmmldeql">
<img class="m-9e117634 mantine-Image-root" src="https://cdn.digitaldesa.com/statics/profil-v2/assets/geografis-CstaxIqe.png" alt="other" />
</div>
<style data-mantine-styles="inline">
.__m__-R2mpbcmmldeql {
--col-flex-grow: auto;
--col-flex-basis: 50%;
--col-max-width: 50%;
}
</style>
<div class="m-96bdd299 mantine-Grid-col __m__-R2mpbcmmldeql">
<div style="--stack-gap:var(--mantine-spacing-lg);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
<div class="">
<p style="font-size:calc(0.8125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Luas
<!-- -->Desa
</p>
<p style="font-size:calc(1.1875rem * var(--mantine-scale));font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0 ㎡</p>
</div>
<div class="">
<p style="font-size:calc(0.8125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Jumlah Penduduk</p>
<p style="font-size:calc(1.1875rem * var(--mantine-scale));font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0 Jiwa</p>
</div>
</div>
</div>
</div>
</div>
<div style="--paper-radius:var(--mantine-radius-md);--paper-shadow:var(--mantine-shadow-md)" class="m-e615b15f mantine-Card-root m-1b7284a3 mantine-Paper-root">
<table style="--table-horizontal-spacing:var(--mantine-spacing-xl);--table-vertical-spacing:var(--mantine-spacing-md);font-size:calc(0.8125rem * var(--mantine-scale))" class="m-b23fa0ef mantine-Table-table">
<tbody class="m-b2404537 mantine-Table-tbody">
<tr class="m-4e7aa4fd mantine-Table-tr" data-with-row-border="true">
<td style="font-weight:bold" class="m-4e7aa4ef mantine-Table-td">Utara</td>
<td class="m-4e7aa4ef mantine-Table-td">
<!-- -->-
</td>
</tr>
<tr class="m-4e7aa4fd mantine-Table-tr" data-with-row-border="true">
<td style="font-weight:bold" class="m-4e7aa4ef mantine-Table-td">Timur</td>
<td class="m-4e7aa4ef mantine-Table-td">
<!-- -->-
</td>
</tr>
<tr class="m-4e7aa4fd mantine-Table-tr" data-with-row-border="true">
<td style="font-weight:bold" class="m-4e7aa4ef mantine-Table-td">Selatan</td>
<td class="m-4e7aa4ef mantine-Table-td">
<!-- -->-
</td>
</tr>
<tr class="m-4e7aa4fd mantine-Table-tr" data-with-row-border="true">
<td style="font-weight:bold" class="m-4e7aa4ef mantine-Table-td">Barat</td>
<td class="m-4e7aa4ef mantine-Table-td">
<!-- -->-
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div style="--stack-gap:calc(3.125rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root mantine-visible-from-sm">
<div class="">
<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));text-transform:uppercase" class="m-8a5d1357 mantine-Title-root" data-order="1">PETA LOKASI
<!-- -->Desa
</h1>
<p style="font-size:calc(1.25rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Peta Lokasi
<!-- -->Desa Karangsari
</p>
</div>
<style data-mantine-styles="inline">
.__m__-R5dcmmldeql {
--grid-gutter: var(--mantine-spacing-md);
}
</style>
<div style="overflow:visible" class="m-410352e9 mantine-Grid-root __m__-R5dcmmldeql">
<div class="m-dee7bd2f mantine-Grid-inner">
<style data-mantine-styles="inline">
.__m__-Rrddcmmldeql {
--col-flex-grow: auto;
--col-flex-basis: 50%;
--col-max-width: 50%;
}
</style>
<div class="m-96bdd299 mantine-Grid-col __m__-Rrddcmmldeql">
<div style="--paper-radius:var(--mantine-radius-md);--paper-shadow:var(--mantine-shadow-xs);padding:calc(0.9375rem * var(--mantine-scale))" class="m-1b7284a3 mantine-Paper-root">
<div style="--stack-gap:calc(0.625rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
<h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:calc(2rem * var(--mantine-scale));font-weight:600" class="m-8a5d1357 mantine-Title-root" data-order="1">Desa
<!-- -->
<!-- -->Karangsari
</h1>
<div style="--divider-size:var(--divider-size-sm)" class="m-3eebeb36 mantine-Divider-root" data-size="sm" data-orientation="horizontal" role="separator"></div>
<div class="">
<h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:calc(1.375rem * var(--mantine-scale));color:var(--mantine-color-dimmed);font-weight:400" class="m-8a5d1357 mantine-Title-root" data-order="1">Batas
<!-- -->Desa
</h1>
<div style="height:var(--mantine-spacing-md);min-height:var(--mantine-spacing-md)" class=""></div>
<style data-mantine-styles="inline">
.__m__-R1qtmqrddcmmldeql {
--grid-gutter: var(--mantine-spacing-md);
}
</style>
<div class="m-410352e9 mantine-Grid-root __m__-R1qtmqrddcmmldeql">
<div class="m-dee7bd2f mantine-Grid-inner">
<style data-mantine-styles="inline">
.__m__-R6rqtmqrddcmmldeql {
--col-flex-grow: auto;
--col-flex-basis: 50%;
--col-max-width: 50%;
}
</style>
<div class="m-96bdd299 mantine-Grid-col __m__-R6rqtmqrddcmmldeql">
<h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:calc(1.5rem * var(--mantine-scale));font-weight:500" class="m-8a5d1357 mantine-Title-root" data-order="1">Utara</h1>
<p style="font-size:calc(1.5rem * var(--mantine-scale));font-weight:400" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">-</p>
</div>
<style data-mantine-styles="inline">
.__m__-Rarqtmqrddcmmldeql {
--col-flex-grow: auto;
--col-flex-basis: 50%;
--col-max-width: 50%;
}
</style>
<div class="m-96bdd299 mantine-Grid-col __m__-Rarqtmqrddcmmldeql">
<h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:calc(1.5rem * var(--mantine-scale));font-weight:500" class="m-8a5d1357 mantine-Title-root" data-order="1">Timur</h1>
<p style="font-size:calc(1.5rem * var(--mantine-scale));font-weight:400" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">-</p>
</div>
<style data-mantine-styles="inline">
.__m__-Rerqtmqrddcmmldeql {
--col-flex-grow: auto;
--col-flex-basis: 50%;
--col-max-width: 50%;
}
</style>
<div class="m-96bdd299 mantine-Grid-col __m__-Rerqtmqrddcmmldeql">
<h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:calc(1.5rem * var(--mantine-scale));font-weight:500" class="m-8a5d1357 mantine-Title-root" data-order="1">Selatan</h1>
<p style="font-size:calc(1.5rem * var(--mantine-scale));font-weight:400" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">-</p>
</div>
<style data-mantine-styles="inline">
.__m__-Rirqtmqrddcmmldeql {
--col-flex-grow: auto;
--col-flex-basis: 50%;
--col-max-width: 50%;
}
</style>
<div class="m-96bdd299 mantine-Grid-col __m__-Rirqtmqrddcmmldeql">
<h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:calc(1.5rem * var(--mantine-scale));font-weight:500" class="m-8a5d1357 mantine-Title-root" data-order="1">Barat</h1>
<p style="font-size:calc(1.5rem * var(--mantine-scale));font-weight:400" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">-</p>
</div>
</div>
</div>
</div>
<div style="--divider-size:var(--divider-size-sm)" class="m-3eebeb36 mantine-Divider-root" data-size="sm" data-orientation="horizontal" role="separator"></div>
<style data-mantine-styles="inline">
.__m__-R1dmqrddcmmldeql {
--grid-gutter: var(--mantine-spacing-md);
}
</style>
<div class="m-410352e9 mantine-Grid-root __m__-R1dmqrddcmmldeql">
<div class="m-dee7bd2f mantine-Grid-inner">
<style data-mantine-styles="inline">
.__m__-R6rdmqrddcmmldeql {
--col-flex-grow: auto;
--col-flex-basis: 50%;
--col-max-width: 50%;
}
</style>
<div class="m-96bdd299 mantine-Grid-col __m__-R6rdmqrddcmmldeql">
<h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:calc(1.375rem * var(--mantine-scale));color:var(--mantine-color-dimmed);font-weight:400" class="m-8a5d1357 mantine-Title-root" data-order="1">Luas
<!-- -->Desa
</h1>
</div>
<style data-mantine-styles="inline">
.__m__-Rardmqrddcmmldeql {
--col-flex-grow: auto;
--col-flex-basis: 50%;
--col-max-width: 50%;
}
</style>
<div class="m-96bdd299 mantine-Grid-col __m__-Rardmqrddcmmldeql">
<p style="font-size:calc(1.5rem * var(--mantine-scale));font-weight:400" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0 ㎡</p>
</div>
</div>
</div>
<div style="--divider-size:var(--divider-size-sm)" class="m-3eebeb36 mantine-Divider-root" data-size="sm" data-orientation="horizontal" role="separator"></div>
<style data-mantine-styles="inline">
.__m__-R1tmqrddcmmldeql {
--grid-gutter: var(--mantine-spacing-md);
}
</style>
<div class="m-410352e9 mantine-Grid-root __m__-R1tmqrddcmmldeql">
<div class="m-dee7bd2f mantine-Grid-inner">
<style data-mantine-styles="inline">
.__m__-R6rtmqrddcmmldeql {
--col-flex-grow: auto;
--col-flex-basis: 50%;
--col-max-width: 50%;
}
</style>
<div class="m-96bdd299 mantine-Grid-col __m__-R6rtmqrddcmmldeql">
<h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:calc(1.375rem * var(--mantine-scale));color:var(--mantine-color-dimmed);font-weight:400" class="m-8a5d1357 mantine-Title-root" data-order="1">Jumlah Penduduk</h1>
</div>
<style data-mantine-styles="inline">
.__m__-Rartmqrddcmmldeql {
--col-flex-grow: auto;
--col-flex-basis: 50%;
--col-max-width: 50%;
}
</style>
<div class="m-96bdd299 mantine-Grid-col __m__-Rartmqrddcmmldeql">
<p style="font-size:calc(1.5rem * var(--mantine-scale));font-weight:400" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0 Jiwa</p>
</div>
</div>
</div>
</div>
</div>
</div>
<style data-mantine-styles="inline">
.__m__-R1bddcmmldeql {
--col-flex-grow: auto;
--col-flex-basis: 50%;
--col-max-width: 50%;
}
</style>
<div class="m-96bdd299 mantine-Grid-col __m__-R1bddcmmldeql">
<div style="--paper-radius:var(--mantine-radius-md);--paper-shadow:var(--mantine-shadow-md);overflow:hidden;width:100%;height:100%" class="m-1b7284a3 mantine-Paper-root">
<div style="position:relative;width:100%;height:100%"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<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">
<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">
<div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:space-between;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
<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="/">
<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">
<path d="M5 12l-2 0l9 -9l9 9l-2 0"></path>
<path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path>
<path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path>
</svg>
<p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Beranda</p>
</a>
<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">
<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">
<path d="M8 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h5.697"></path>
<path d="M18 14v4h4"></path>
<path d="M18 11v-4a2 2 0 0 0 -2 -2h-2"></path>
<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>
<path d="M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path>
<path d="M8 11h4"></path>
<path d="M8 15h3"></path>
</svg>
<p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Pengaduan</p>
</a>
<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">
<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">
<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>
<path d="M8 8l4 0"></path>
<path d="M8 12l4 0"></path>
<path d="M8 16l4 0"></path>
</svg>
<p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Berita</p>
</a>
<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">
<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">
<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>
<path d="M9 11v-5a3 3 0 0 1 6 0v5"></path>
</svg>
<p style="font-size:calc(0.6875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Belanja</p>
</a>
</div>
</div>
</div>
<div class="mantine-hidden-from-sm">
<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">
<div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
<div style="--group-gap:var(--mantine-spacing-xs);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
<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" />
<div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
<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 Karangsari</p>
<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
<!-- -->
<!-- -->Darma
</p>
<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
<!-- -->
<!-- -->Kuningan
</p>
<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
<!-- -->
<!-- -->Jawa Barat
</p>
</div>
</div>
<div style="color:#fff" class="m-9bdbb667 mantine-Accordion-root" data-variant="filled" id="mantine-Ramr7deql" data-accordion="true">
<div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
<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">
<span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
<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">
<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>
</svg>
</span>
<span class="m-df3ffa0f mantine-Accordion-label">
<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>
</span>
<span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
<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))">
<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
<path d="M3.6 9h16.8"></path>
<path d="M3.6 15h16.8"></path>
<path d="M11.5 3a17 17 0 0 0 0 18"></path>
<path d="M12.5 3a17 17 0 0 1 0 18"></path>
</svg>
</span>
</button>
<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">
<div class="m-4ba554d4 mantine-Accordion-content">
<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">
<style data-mantine-styles="inline">
.__m__-R2radqmr7deql {
--sg-spacing-x: var(--mantine-spacing-md);
--sg-spacing-y: var(--mantine-spacing-md);
--sg-cols: 2;
}
</style>
<div class="m-2415a157 mantine-SimpleGrid-root __m__-R2radqmr7deql">
<div class="">
<p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Hari Ini</p>
<p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
</div>
<div class="">
<p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kemarin</p>
<p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
</div>
<div class="">
<p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Minggu Ini</p>
<p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
</div>
<div class="">
<p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Minggu Lalu</p>
<p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
</div>
<div class="">
<p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Bulan Ini</p>
<p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
</div>
<div class="">
<p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Bulan Lalu</p>
<p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
</div>
<div class="">
<p style="font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Total Kunjungan</p>
<p style="font-size:calc(1.3125rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
<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">
<span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
<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">
<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>
</svg>
</span>
<span class="m-df3ffa0f mantine-Accordion-label">
<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
<!-- -->Desa
</h1>
</span>
<span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
<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))">
<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>
</svg>
</span>
</button>
<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">
<div class="m-4ba554d4 mantine-Accordion-content">
<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">
<ul style="font-size:calc(0.875rem * var(--mantine-scale))" class="m-abbac491 mantine-List-root">
<li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
<div class="m-75cd9f71 mantine-List-itemWrapper">
<span class="m-60f83e5b mantine-List-itemIcon">
<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">
<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>
</svg>
</span>
<span class="mantine-List-itemLabel">
<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>
</span>
</div>
</li>
<li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
<div class="m-75cd9f71 mantine-List-itemWrapper">
<span class="m-60f83e5b mantine-List-itemIcon">
<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">
<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>
<path d="M3 7l9 6l9 -6"></path>
</svg>
</span>
<span class="mantine-List-itemLabel">
<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#ade6ccdfccc3cadeccdfc4dec4c9edcac0ccc4c183cec2c0" target="_blank"><span class="__cf_email__" data-cfemail="80cbe1f2e1eee7f3e1f2e9f3e9e4c0e7ede1e9ecaee3efed">[email protected]</span></a>
</span>
</div>
</li>
<li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
<div class="m-75cd9f71 mantine-List-itemWrapper">
<span class="m-60f83e5b mantine-List-itemIcon">
<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">
<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
<path d="M12 7v5l3 3"></path>
</svg>
</span>
<span class="mantine-List-itemLabel">07.30 - 16.00 WITA</span>
</div>
</li>
<li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
<div class="m-75cd9f71 mantine-List-itemWrapper">
<span class="m-60f83e5b mantine-List-itemIcon">
<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">
<path d="M5 12l-2 0l9 -9l9 9l-2 0"></path>
<path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path>
<path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path>
</svg>
</span>
<span class="mantine-List-itemLabel">
<p style="color:#fff;font-size:calc(0.875rem * var(--mantine-scale))" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="#" target="_blank">Jalan Desa Karangsari No. 059 Desa Karangsari Kecamatan Darma Kabupaten Kuningan Kode Pos : 45565</p>
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
<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">
<span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
<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">
<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>
</svg>
</span>
<span class="m-df3ffa0f mantine-Accordion-label">
<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>
</span>
<span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
<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))">
<path d="M8 16v-4a4 4 0 0 1 8 0v4"></path>
<path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7"></path>
<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>
</svg>
</span>
</button>
<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">
<div class="m-4ba554d4 mantine-Accordion-content">
<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">
<div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"></div>
</div>
</div>
</div>
</div>
<div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
<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-social" id="mantine-Ramr7deql-control-social">
<span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
<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">
<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>
</svg>
</span>
<span class="m-df3ffa0f mantine-Accordion-label">
<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>
</span>
<span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
<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))">
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
</svg>
</span>
</button>
<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">
<div class="m-4ba554d4 mantine-Accordion-content">
<div style="--stack-gap:calc(0.0625rem * var(--mantine-scale));--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
<div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:center;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
<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">
<span class="m-8d3afb97 mantine-ActionIcon-icon">
<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">
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
</svg>
</span>
</a>
<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.Karangsari?igshid=YmMyMTA2M2Y=" target="_blank">
<span class="m-8d3afb97 mantine-ActionIcon-icon">
<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-instagram">
<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>
<path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
<path d="M16.5 7.5l0 .01"></path>
</svg>
</span>
</a>
<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/Karangsaridesaku?s=11&t=6qaeaLKhtsGQpFkIuorcLg" target="_blank">
<span class="m-8d3afb97 mantine-ActionIcon-icon">
<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">
<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>
</svg>
</span>
</a>
<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">
<span class="m-8d3afb97 mantine-ActionIcon-icon">
<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">
<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>
<path d="M10 9l5 3l-5 3z"></path>
</svg>
</span>
</a>
<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">
<span class="m-8d3afb97 mantine-ActionIcon-icon">
<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">
<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>
</svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
<div style="background:transparent" class="m-2cdf939a m-9bd7b098 mantine-Accordion-item">
<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-address" id="mantine-Ramr7deql-control-address">
<span class="m-3f35ae96 mantine-Accordion-chevron" data-position="right">
<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">
<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>
</svg>
</span>
<span class="m-df3ffa0f mantine-Accordion-label">
<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>
</span>
<span class="m-9bd771fe mantine-Accordion-icon" data-chevron-position="right">
<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))">
<path d="M9 15l6 -6"></path>
<path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464"></path>
<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>
</svg>
</span>
</button>
<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">
<div class="m-4ba554d4 mantine-Accordion-content">
<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">
<ul class="m-abbac491 mantine-List-root"></ul>
</div>
</div>
</div>
</div>
</div>
<p style="color:#fff;font-size:calc(0.6875rem * var(--mantine-scale));text-align:center" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">©
<!-- -->2025
<!-- --> Powered by
<!-- -->
<strong>
<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>
</strong>
</p>
</div>
<div style="height:calc(5rem * var(--mantine-scale));min-height:calc(5rem * var(--mantine-scale))" class=""></div>
</div>
</div>
<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">
<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="">
<style data-mantine-styles="inline">
.__m__-R6rndeql {
--grid-gutter: var(--mantine-spacing-md);
}
</style>
<div style="--grid-justify:space-between;padding-inline:calc(1.25rem * var(--mantine-scale));padding-top:calc(3.75rem * var(--mantine-scale));padding-bottom:calc(1.25rem * var(--mantine-scale))" class="m-410352e9 mantine-Grid-root __m__-R6rndeql">
<div class="m-dee7bd2f mantine-Grid-inner">
<style data-mantine-styles="inline">
.__m__-R1mmrndeql {
--col-flex-grow: auto;
--col-flex-basis: 33.333333333333336%;
--col-max-width: 33.333333333333336%;
}
</style>
<div class="m-96bdd299 mantine-Grid-col __m__-R1mmrndeql">
<div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
<div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
<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" />
<div class="">
<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 Karangsari</p>
<p style="color:#fff;font-size:var(--mantine-font-size-sm);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kecamatan
<!-- -->
<!-- -->Darma
</p>
<p style="color:#fff;font-size:var(--mantine-font-size-sm);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kabupaten
<!-- -->
<!-- -->Kuningan
</p>
<p style="color:#fff;font-size:var(--mantine-font-size-sm);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Provinsi
<!-- -->
<!-- -->Jawa Barat
</p>
</div>
</div>
<div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
<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>
<div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
<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">
<span class="m-8d3afb97 mantine-ActionIcon-icon">
<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">
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
</svg>
</span>
</a>
<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.Karangsari?igshid=YmMyMTA2M2Y=" target="_blank">
<span class="m-8d3afb97 mantine-ActionIcon-icon">
<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">
<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>
<path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
<path d="M16.5 7.5l0 .01"></path>
</svg>
</span>
</a>
<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/Karangsaridesaku?s=11&t=6qaeaLKhtsGQpFkIuorcLg" target="_blank">
<span class="m-8d3afb97 mantine-ActionIcon-icon">
<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">
<path d="M4 4l11.733 16h4.267l-11.733 -16z"></path>
<path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"></path>
</svg>
</span>
</a>
<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">
<span class="m-8d3afb97 mantine-ActionIcon-icon">
<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">
<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>
<path d="M10 9l5 3l-5 3z"></path>
</svg>
</span>
</a>
<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">
<span class="m-8d3afb97 mantine-ActionIcon-icon">
<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">
<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>
</svg>
</span>
</button>
</div>
</div>
</div>
</div>
<style data-mantine-styles="inline">
.__m__-R2mmrndeql {
--col-flex-grow: auto;
--col-flex-basis: 25%;
--col-max-width: 25%;
}
</style>
<div class="m-96bdd299 mantine-Grid-col __m__-R2mmrndeql">
<div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
<p style="color:#fff;font-size:var(--mantine-font-size-md);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Kontak
<!-- -->Desa
</p>
<div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
<div style="--sa-corner-width:0px;--sa-corner-height:0px;height:calc(12.5rem * var(--mantine-scale))" class="m-d57069b5 mantine-ScrollArea-root">
<div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-offset-scrollbars="xy" data-scrollbars="xy">
<div style="min-width:100%;display:table">
<ul class="m-abbac491 mantine-List-root">
<li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
<div class="m-75cd9f71 mantine-List-itemWrapper">
<span class="m-60f83e5b mantine-List-itemIcon">
<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">
<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>
</svg>
</span>
<span class="mantine-List-itemLabel">
<a style="color:#000" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="tel:08xxxxxxxxxx" target="_blank">08xxxxxxxxxx</a>
</span>
</div>
</li>
<li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
<div class="m-75cd9f71 mantine-List-itemWrapper">
<span class="m-60f83e5b mantine-List-itemIcon">
<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">
<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>
<path d="M3 7l9 6l9 -6"></path>
</svg>
</span>
<span class="mantine-List-itemLabel">
<a style="color:#000" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="/cdn-cgi/l/email-protection#a6edc7d4c7c8c1d5c7d4cfd5cfc2e6c1cbc7cfca88c5c9cb" target="_blank"><span class="__cf_email__" data-cfemail="cb80aab9aaa5acb8aab9a2b8a2af8baca6aaa2a7e5a8a4a6">[email protected]</span></a>
</span>
</div>
</li>
<li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
<div class="m-75cd9f71 mantine-List-itemWrapper">
<span class="m-60f83e5b mantine-List-itemIcon">
<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">
<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
<path d="M12 7v5l3 3"></path>
</svg>
</span>
<span class="mantine-List-itemLabel">07.30 - 16.00 WITA</span>
</div>
</li>
<li class="m-abb6bec2 mantine-List-item" data-with-icon="true">
<div class="m-75cd9f71 mantine-List-itemWrapper">
<span class="m-60f83e5b mantine-List-itemIcon">
<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">
<path d="M5 12l-2 0l9 -9l9 9l-2 0"></path>
<path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path>
<path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path>
</svg>
</span>
<span class="mantine-List-itemLabel">
<p style="color:#000" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" href="#" target="_blank">Jalan Desa Karangsari No. 059 Desa Karangsari Kecamatan Darma Kabupaten Kuningan Kode Pos : 45565</p>
</span>
</div>
</li>
</ul>
</div>
</div>
<div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div>
<div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div>
</div>
</div>
</div>
</div>
<style data-mantine-styles="inline">
.__m__-R3mmrndeql {
--col-flex-grow: auto;
--col-flex-basis: 16.666666666666668%;
--col-max-width: 16.666666666666668%;
}
</style>
<div class="m-96bdd299 mantine-Grid-col __m__-R3mmrndeql">
<div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
<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>
<div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
<div style="--sa-corner-width:0px;--sa-corner-height:0px;height:calc(12.5rem * var(--mantine-scale))" class="m-d57069b5 mantine-ScrollArea-root">
<div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-offset-scrollbars="xy" data-scrollbars="xy">
<div style="min-width:100%;display:table">
<div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root"></div>
</div>
</div>
<div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div>
<div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div>
</div>
</div>
</div>
</div>
<style data-mantine-styles="inline">
.__m__-R4mmrndeql {
--col-flex-grow: auto;
--col-flex-basis: 16.666666666666668%;
--col-max-width: 16.666666666666668%;
}
</style>
<div class="m-96bdd299 mantine-Grid-col __m__-R4mmrndeql">
<div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
<p style="color:#fff;font-size:var(--mantine-font-size-md);font-weight:bold" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">Jelajahi</p>
<div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
<div style="--sa-corner-width:0px;--sa-corner-height:0px;height:calc(12.5rem * var(--mantine-scale))" class="m-d57069b5 mantine-ScrollArea-root">
<div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-offset-scrollbars="xy" data-scrollbars="xy">
<div style="min-width:100%;display:table">
<ul class="m-abbac491 mantine-List-root"></ul>
</div>
</div>
<div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div>
<div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="background:var(--mantine-color-primary-5)" class="m-4451eb3a mantine-Center-root">
<p style="color:#fff" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">©
<!-- -->2025
<!-- --> Powered by
<!-- -->
<strong>
<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>
</strong>
</p>
</div>
</div>
</footer>
<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">
<div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
<div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
<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">
<path d="M4 14v-3a8 8 0 1 1 16 0v3"></path>
<path d="M18 19c0 1.657 -2.686 3 -6 3"></path>
<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>
<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>
</svg>
</div>
<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>
</div>
</div>
<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">
<div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root">
<div style="--stack-gap:0rem;--stack-align:center;--stack-justify:flex-start" class="m-6d731127 mantine-Stack-root">
<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">
<path d="M14 12v.01"></path>
<path d="M3 21h18"></path>
<path d="M6 21v-16a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v16"></path>
</svg>
<p style="color:var(--mantine-color-white);font-size:var(--mantine-font-size-md);font-weight:700" class="mantine-focus-auto m-b6d8b162 mantine-Text-root">0</p>
</div>
<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>
<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">
<path d="M6 9l6 6l6 -6"></path>
</svg>
</div>
</div>
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script async="" src="https://cdn.digitaldesa.com/statics/profil-v2/accessibility.bundle.js"></script>
<script async="" src="https://cdn.digitaldesa.com/statics/profil-v2/accessibility.config.js"></script>
<script>
((STORAGE_KEY2, restoreKey) => {
if (!window.history.state || !window.history.state.key) {
let key3 = Math.random().toString(32).slice(2);
window.history.replaceState({
key: key3
}, "");
}
try {
let positions = JSON.parse(sessionStorage.getItem(STORAGE_KEY2) || "{}");
let storedY = positions[restoreKey || window.history.state.key];
if (typeof storedY === "number") {
window.scrollTo(0, storedY);
}
} catch (error2) {
console.error(error2);
sessionStorage.removeItem(STORAGE_KEY2);
}
})("positions", null)
</script>
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/manifest-e4d20ba2.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/entry.client-D6Qjiqo1.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/jsx-runtime-ByGpHSPZ.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/index-B-yzDlGl.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/components-Cw2tsM1o.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/oauth-CjmpoasG.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/polymorphic-factory-BmRSLjeU.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-reduced-motion-yJY9mgkS.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Loader-BrUd6zYV.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Transition-F2jjUCfr.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/UnstyledButton-BwnCZJiS.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/store-BqiOundV.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Image-BOqHIzWn.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Stack-CY4nQ1av.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Title-s_pNpi_m.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Text-DgvQ2Yzd.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Group-DaVFy2M0.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Button-B6l5RFbd.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Code-D2_oEjqG.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/gql-DZiq67mF.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/utils-EFR0FJmZ.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/user-DpYVSX1o.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/metadata-BHaf7C0V.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/px-CiO0pVtX.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get-contrast-color-DGT1xAlz.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-isomorphic-effect-BGcWboEs.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Center-BLgiunvn.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/root-DmA4gcxq.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/is-element-CI8e1h0p.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-id-CBFaeZXz.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-merged-ref-BJm5sttg.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/InputBase-DbFNPVtF.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/index-DBv3gr79.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/createReactComponent-DG7S5Nwq.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/CloseButton-DetmG4UX.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-uncontrolled-DgPl9ViR.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/TextInput-B42PaN1w.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/rest-BQVM1Jfk.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/assets-DLkOJ042.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/typebox-v0AVxb13.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/DirectionProvider-CZrhDgZ9.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/create-safe-context-jSuPt_P6.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get-default-z-index-CUjKoHex.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-floating-auto-update-Ng1_GWo4.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/OptionalPortal-BdNhCZIw.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/ScrollArea-DwirfqyO.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Paper-DipXWK5o.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Overlay-ByElZ9nI.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/tslib.es6-DPLsjc5m.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-window-event-GzRQC4Pl.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/create-scoped-keydown-handler-DsNfVizA.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/AccordionChevron-C5IsT1PJ.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get-style-object-DUJZA7T_.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/get-base-value-BwMQOHSn.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/rest-C4ad_PwK.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/vars-B3G_A55N.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/clamp-DTmYCdls.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Anchor-DHVUz_0m.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Select-CyCUsC6U.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/use-browser-layout-effect-D107Qizc.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/LoadingOverlay-DmTd0S_C.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/profile-D-KlsEcq.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/stats-DIaTQNWb.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/geojson-utils-BnCvOB4F.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/intl-DWyoUv85.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Card-D7oEcqHa.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconHome-DYujAcsf.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Accordion-hUQFw0Oc.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/SimpleGrid-MkCOfUZQ.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconPhone-BOyNJmdm.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/List-CoMlKvZm.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconClock-CvFi97kF.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconBrandX-KUtong76.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/ActionIcon-T2wrklNi.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Space-BlY-_SlC.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Grid-TBLxdJ9j.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/data-CzLNwLPR.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/domain-handler-CjBNABR2.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Divider-ByTcktLA.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/data-zX0GNUb5.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-CcBhymQ1.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Lightgallery.es5-BK1wLLze.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/AspectRatio-KzdXwOC_.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/css-utils-Besm3d-a.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/PageContainer-IQNGUv2t.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Spacer-CTE38YSp.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/PerangkatDesa-DKGtztXk.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/StyleSwitcher-DiXS-qE9.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Table-B5U_LCaL.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/DimmedNotice-B8Zg4xu5.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/HTMLRenderer-GRZM0zFv.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/Spoiler-BoNHG3Os.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/fallback-CKe0budL.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/IconCircleX-BXCr4JEw.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/meta-jQfMALAO.js" />
<link rel="modulepreload" href="https://cdn.digitaldesa.com/statics/profil-v2/assets/route-Bc5dRYGb.js" />
<script>
window.__remixContext = {
"url": "/profil",
"basename": "/",
"state": {
"loaderData": {
"root": {
"env": {
"VITE_ASSET_BASE_URL": "https://cdn.digitaldesa.com/statics",
"VITE_CONTENT_BASE_URL": "https://cdn.digitaldesa.com/uploads",
"VITE_MAIN_BASE_URL": "https://assets.digitaldesa.id",
"VITE_GRAPHQL_ENDPOINT": "https://api-profil-v2.digitaldesa.id/grapher",
"VITE_GRAPHQL_ACCESS_WEBTOKEN": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkRHRFNXVCJ9.eyJyb2wiOiJ1c2VyIiwic3ViIjoiZGlnaWRlcy5pZCIsImZsZyI6IlZFUklGSUVEIiwiZXhwIjo0NzA3Njk1Mzk4LCJ2ZXIiOiJwcm9maWxAZGlnaXRhbGRlc2EuaWQifQ.h_K3tP_9DCOVLHkZ1w-wO2nWOBrM54yTvCbQ0kgw7a4",
"VITE_GOOGLE_OAUTH_CLIENT_ID": "262708630123-dm8t5c0leauujuvru4okrcuhe8upvbmt.apps.googleusercontent.com",
"VITE_FACEBOOK_OAUTH_CLIENT_ID": "",
"VITE_RECAPTCHA_SITE_KEY": "6Lep520pAAAAABk2APNkzFY9wrK-buVGiaJb2tkP",
"VITE_GA_ID": "G-FLQYW0G73E",
"VITE_MAPTILER_KEY": "60gvc7mZIriBftLamHwz"
},
"slug": "Karangsari",
"schema": "73_06_06_2003",
"host": {
"host": "Karangsari.{domain}",
"code": "73.06.06.2003",
"schema": "73_06_06_2003",
"slug": "Karangsari",
"canonHost": "Karangsari.digitaldesa.id",
"canonUrl": "http://Karangsari.digitaldesa.id/profil"
},
"profile": {
"postalCode": "92171",
"welcome": {
"backgroundURL": "8262295301dbf385dc1ea86ec37421a2.jpeg"
},
"alias": {
"dusun": "Dusun",
"kadus": "Kepala Dusun",
"deskel": "Desa",
"kades": "Kepala Desa",
"kecamatan": "Kecamatan",
"camat": "Camat",
"kabkota": "Kabupaten",
"bupati": "Bupati",
"provinsi": "Provinsi",
"gubernur": "Gubernur",
"BPD": "Badan Permusyawaratan Desa"
},
"name": {
"deskel": "Karangsari",
"ibukota": "Karangsari",
"kabkota": "Kuningan",
"kecamatan": "Darma",
"provinsi": "Jawa Barat"
},
"serviceEmail": "Karangsarisid@gmail.com",
"socialMedia": {
"facebook": "https://www.facebook.com/profile.php?id=100068858821303\u0026mibextid=ZbWKwL",
"instagram": "https://instagram.com/desa.Karangsari?igshid=YmMyMTA2M2Y=",
"tiktok": "#",
"twitter": "https://twitter.com/Karangsaridesaku?s=11\u0026t=6qaeaLKhtsGQpFkIuorcLg",
"youtube": "https://youtube.com/channel/UCZxKOvZmMdmKt5jUX_tOETw"
},
"phone": "08xxxxxxxxxx",
"servicePhone": "08xxxxxxxxxx",
"workHour": "07.30 - 16.00 WITA",
"contact": "",
"email": "Karangsarisid@gmail.com",
"logoURL": "Kuningankab.png",
"officeAddress": "Jalan Desa Karangsari No. 059 Desa Karangsari Kecamatan Darma Kabupaten Kuningan Kode Pos : 45565",
"description": "[Deskripsi desa]",
"timezone": 8,
"primaryPalette": []
},
"baseDomain": "digitaldesa.id",
"url": "http://Karangsari.digitaldesa.id/profil",
"locale": "ID",
"user": {}
},
"routes/_": null,
"routes/_.profil._index": null
},
"actionData": null,
"errors": null
},
"future": {
"v3_fetcherPersist": false,
"v3_relativeSplatPath": false,
"v3_throwAbortReason": false,
"unstable_singleFetch": false,
"unstable_fogOfWar": false
},
"isSpaMode": false
};
</script>
<script type="module" async="">
import "https://cdn.digitaldesa.com/statics/profil-v2/assets/manifest-e4d20ba2.js";
import * as route0 from "https://cdn.digitaldesa.com/statics/profil-v2/assets/root-DmA4gcxq.js";
import * as route1 from "https://cdn.digitaldesa.com/statics/profil-v2/assets/route-CcBhymQ1.js";
import * as route2 from "https://cdn.digitaldesa.com/statics/profil-v2/assets/route-Bc5dRYGb.js";
window.__remixRouteModules = {
"root": route0,
"routes/_": route1,
"routes/_.profil._index": route2
};
import("https://cdn.digitaldesa.com/statics/profil-v2/assets/entry.client-D6Qjiqo1.js");
</script>
</body>
</html>