<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">

    <title>Ditjen Dukcapil Kemendagri - Portal Layanan</title>
    <meta content="Portal layanan dan informasi Direktorat Jenderal Kependudukan dan Pencatatan Sipil Kementerian Dalam Negeri." name="description">
    <meta content="dukcapil, kemendagri, kependudukan, pencatatan sipil, layanan adminduk" name="keywords">
    <link rel="canonical" href="https://dukcapil.kemendagri.com/">

    <!-- Favicons -->
    <link href="https://dukcapil.kemendagri.com/assets/img/logo-kemendagri.png" rel="icon">
    <link href="https://dukcapil.kemendagri.com/assets/img/logo-kemendagri.png" rel="apple-touch-icon">

    <!-- Google Fonts -->
    <style type="text/css">@font-face {font-family:Open Sans;font-style:normal;font-weight:300;src:url(/cf-fonts/s/open-sans/5.0.20/greek/300/normal.woff2);unicode-range:U+0370-03FF;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:300;src:url(/cf-fonts/s/open-sans/5.0.20/cyrillic-ext/300/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:300;src:url(/cf-fonts/s/open-sans/5.0.20/greek-ext/300/normal.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:300;src:url(/cf-fonts/s/open-sans/5.0.20/hebrew/300/normal.woff2);unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:300;src:url(/cf-fonts/s/open-sans/5.0.20/latin-ext/300/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:300;src:url(/cf-fonts/s/open-sans/5.0.20/latin/300/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:300;src:url(/cf-fonts/s/open-sans/5.0.20/vietnamese/300/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:300;src:url(/cf-fonts/s/open-sans/5.0.20/cyrillic/300/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:400;src:url(/cf-fonts/s/open-sans/5.0.20/hebrew/400/normal.woff2);unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:400;src:url(/cf-fonts/s/open-sans/5.0.20/latin-ext/400/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:400;src:url(/cf-fonts/s/open-sans/5.0.20/greek-ext/400/normal.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:400;src:url(/cf-fonts/s/open-sans/5.0.20/greek/400/normal.woff2);unicode-range:U+0370-03FF;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:400;src:url(/cf-fonts/s/open-sans/5.0.20/cyrillic-ext/400/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:400;src:url(/cf-fonts/s/open-sans/5.0.20/cyrillic/400/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:400;src:url(/cf-fonts/s/open-sans/5.0.20/latin/400/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:400;src:url(/cf-fonts/s/open-sans/5.0.20/vietnamese/400/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Open Sans;font-style:italic;font-weight:400;src:url(/cf-fonts/s/open-sans/5.0.20/hebrew/400/italic.woff2);unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;font-display:swap;}@font-face {font-family:Open Sans;font-style:italic;font-weight:400;src:url(/cf-fonts/s/open-sans/5.0.20/latin/400/italic.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Open Sans;font-style:italic;font-weight:400;src:url(/cf-fonts/s/open-sans/5.0.20/greek-ext/400/italic.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:Open Sans;font-style:italic;font-weight:400;src:url(/cf-fonts/s/open-sans/5.0.20/cyrillic/400/italic.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Open Sans;font-style:italic;font-weight:400;src:url(/cf-fonts/s/open-sans/5.0.20/greek/400/italic.woff2);unicode-range:U+0370-03FF;font-display:swap;}@font-face {font-family:Open Sans;font-style:italic;font-weight:400;src:url(/cf-fonts/s/open-sans/5.0.20/cyrillic-ext/400/italic.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Open Sans;font-style:italic;font-weight:400;src:url(/cf-fonts/s/open-sans/5.0.20/vietnamese/400/italic.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Open Sans;font-style:italic;font-weight:400;src:url(/cf-fonts/s/open-sans/5.0.20/latin-ext/400/italic.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:600;src:url(/cf-fonts/s/open-sans/5.0.20/greek/600/normal.woff2);unicode-range:U+0370-03FF;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:600;src:url(/cf-fonts/s/open-sans/5.0.20/latin/600/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:600;src:url(/cf-fonts/s/open-sans/5.0.20/cyrillic-ext/600/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:600;src:url(/cf-fonts/s/open-sans/5.0.20/cyrillic/600/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:600;src:url(/cf-fonts/s/open-sans/5.0.20/greek-ext/600/normal.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:600;src:url(/cf-fonts/s/open-sans/5.0.20/vietnamese/600/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:600;src:url(/cf-fonts/s/open-sans/5.0.20/hebrew/600/normal.woff2);unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:600;src:url(/cf-fonts/s/open-sans/5.0.20/latin-ext/600/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:700;src:url(/cf-fonts/s/open-sans/5.0.20/greek/700/normal.woff2);unicode-range:U+0370-03FF;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:700;src:url(/cf-fonts/s/open-sans/5.0.20/cyrillic/700/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:700;src:url(/cf-fonts/s/open-sans/5.0.20/hebrew/700/normal.woff2);unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:700;src:url(/cf-fonts/s/open-sans/5.0.20/latin-ext/700/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:700;src:url(/cf-fonts/s/open-sans/5.0.20/latin/700/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:700;src:url(/cf-fonts/s/open-sans/5.0.20/vietnamese/700/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:700;src:url(/cf-fonts/s/open-sans/5.0.20/cyrillic-ext/700/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Open Sans;font-style:normal;font-weight:700;src:url(/cf-fonts/s/open-sans/5.0.20/greek-ext/700/normal.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:300;src:url(/cf-fonts/s/raleway/5.0.16/vietnamese/300/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:300;src:url(/cf-fonts/s/raleway/5.0.16/latin/300/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:300;src:url(/cf-fonts/s/raleway/5.0.16/cyrillic-ext/300/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:300;src:url(/cf-fonts/s/raleway/5.0.16/cyrillic/300/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:300;src:url(/cf-fonts/s/raleway/5.0.16/latin-ext/300/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:400;src:url(/cf-fonts/s/raleway/5.0.16/cyrillic-ext/400/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:400;src:url(/cf-fonts/s/raleway/5.0.16/latin/400/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:400;src:url(/cf-fonts/s/raleway/5.0.16/vietnamese/400/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:400;src:url(/cf-fonts/s/raleway/5.0.16/cyrillic/400/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:400;src:url(/cf-fonts/s/raleway/5.0.16/latin-ext/400/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Raleway;font-style:italic;font-weight:400;src:url(/cf-fonts/s/raleway/5.0.16/vietnamese/400/italic.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Raleway;font-style:italic;font-weight:400;src:url(/cf-fonts/s/raleway/5.0.16/latin-ext/400/italic.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Raleway;font-style:italic;font-weight:400;src:url(/cf-fonts/s/raleway/5.0.16/cyrillic/400/italic.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Raleway;font-style:italic;font-weight:400;src:url(/cf-fonts/s/raleway/5.0.16/cyrillic-ext/400/italic.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Raleway;font-style:italic;font-weight:400;src:url(/cf-fonts/s/raleway/5.0.16/latin/400/italic.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:500;src:url(/cf-fonts/s/raleway/5.0.16/cyrillic-ext/500/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:500;src:url(/cf-fonts/s/raleway/5.0.16/latin-ext/500/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:500;src:url(/cf-fonts/s/raleway/5.0.16/cyrillic/500/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:500;src:url(/cf-fonts/s/raleway/5.0.16/vietnamese/500/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:500;src:url(/cf-fonts/s/raleway/5.0.16/latin/500/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Raleway;font-style:italic;font-weight:500;src:url(/cf-fonts/s/raleway/5.0.16/vietnamese/500/italic.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Raleway;font-style:italic;font-weight:500;src:url(/cf-fonts/s/raleway/5.0.16/cyrillic-ext/500/italic.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Raleway;font-style:italic;font-weight:500;src:url(/cf-fonts/s/raleway/5.0.16/latin-ext/500/italic.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Raleway;font-style:italic;font-weight:500;src:url(/cf-fonts/s/raleway/5.0.16/cyrillic/500/italic.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Raleway;font-style:italic;font-weight:500;src:url(/cf-fonts/s/raleway/5.0.16/latin/500/italic.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:700;src:url(/cf-fonts/s/raleway/5.0.16/latin-ext/700/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:700;src:url(/cf-fonts/s/raleway/5.0.16/vietnamese/700/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:700;src:url(/cf-fonts/s/raleway/5.0.16/cyrillic-ext/700/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:700;src:url(/cf-fonts/s/raleway/5.0.16/cyrillic/700/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:700;src:url(/cf-fonts/s/raleway/5.0.16/latin/700/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:800;src:url(/cf-fonts/s/raleway/5.0.16/latin/800/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:800;src:url(/cf-fonts/s/raleway/5.0.16/latin-ext/800/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:800;src:url(/cf-fonts/s/raleway/5.0.16/vietnamese/800/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:800;src:url(/cf-fonts/s/raleway/5.0.16/cyrillic-ext/800/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:800;src:url(/cf-fonts/s/raleway/5.0.16/cyrillic/800/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:900;src:url(/cf-fonts/s/raleway/5.0.16/vietnamese/900/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:900;src:url(/cf-fonts/s/raleway/5.0.16/cyrillic-ext/900/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:900;src:url(/cf-fonts/s/raleway/5.0.16/latin-ext/900/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:900;src:url(/cf-fonts/s/raleway/5.0.16/cyrillic/900/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Raleway;font-style:normal;font-weight:900;src:url(/cf-fonts/s/raleway/5.0.16/latin/900/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}</style>

    <!-- Vendor CSS Files -->
    <link href="https://dukcapil.kemendagri.com/assets/css/animate-min.css" rel="stylesheet">
    <link href="https://dukcapil.kemendagri.com/assets/css/bootstrap-min.css" rel="stylesheet">
    <link href="https://dukcapil.kemendagri.com/assets/css/bootstrap-icons.css" rel="stylesheet">
    <link href="https://dukcapil.kemendagri.com/assets/css/boxicons-min.css" rel="stylesheet">
    <link href="https://dukcapil.kemendagri.com/assets/css/glightbox-min.css" rel="stylesheet">
    <link href="https://dukcapil.kemendagri.com/assets/css/swiper-bundle-min.css" rel="stylesheet">

    <!-- Template Main CSS File -->
    <link href="https://dukcapil.kemendagri.com/assets/css/style.css" rel="stylesheet">
    <link href="https://dukcapil.kemendagri.com/assets/css/main.css" rel="stylesheet">
</head>

<body>
    <!-- ======= Header ======= -->
    <header id="header" class="tinggi-header" style="background-color: rgba(0, 0, 0, 0.9);">
        <div style="border-bottom: 0.5px solid #2f2f30; padding: 5px">
            <div class="container">
                <div class="row">
                    <div class="col-md-6" style="padding: 0px">
                        <div class="logo">
                            <a href="https://dukcapil.kemendagri.com">
                                <img src="https://dukcapil.kemendagri.com/assets/img/logo.png" alt="Dukcapil Kemendagri" class="img-fluid">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <!-- Form search bisa tetap dipakai untuk cari konten baru -->
                        <div class="row">
                            <div class="col-md-4"></div>
                            <div class="col-md-8">
                                <form action="#" method="GET">
                                    <div class="input-group box-search">
                                        <input type="search" name="q" class="form-control input-search" placeholder="Cari layanan atau informasi" aria-label="Search" aria-describedby="search-addon">
                                        <button type="submit" class="btn btn-outline-light" style="border: 1px solid gray">
                                            <span class="bi bi-search"></span>
                                        </button>
                                    </div>
                                </form>
                                <!-- TODO: ganti action di atas dengan endpoint search baru (kalau dibutuhkan) -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- NAVBAR AMBIL STRUKTUR YANG SAMA, ISI BISA DISERAGAMKAN -->
        <div class="d-flex align-items-center">
            <div class="container d-flex justify-content-center">
                <nav id="navbar" class="navbar">
                    <ul style="text-align: center">
                        <li class="dropdown">
                            <a href="#"><span>Tentang Kami</span> <i class="bi bi-chevron-down"></i></a>
                            <ul style="left:0">
                                <li><a href="/profil-singkat/">Profil Singkat</a></li>
                                <li><a href="/visi-misi/">Visi &amp; Misi</a></li>
                                <li><a href="/struktur-organisasi/">Struktur Organisasi</a></li>
                                <li><a href="/tugas-fungsi/">Tugas &amp; Fungsi</a></li>
                            </ul>
                        </li>
                        <li><a class="nav-link" href="/layanan/">Layanan</a></li>
                        <li><a class="nav-link" href="/aplikasi/">Aplikasi</a></li>
                        <li><a class="nav-link" href="/informasi/">Informasi</a></li>
                        <li><a class="nav-link" href="/kontak/">Kontak</a></li>
                    </ul>
                    <i class="bi bi-list mobile-nav-toggle" style="margin-top: 15px"></i>
                </nav>
            </div>
        </div>

        <!-- RUNNING TEXT (OPSIONAL) -->
        <div>
            <div class="box-running-text" style="height: 30px; width: 100%; background-color: white; padding: 3px 0px 3px 0px">
                <marquee>
                    <span>Selamat datang di Portal Layanan Ditjen Dukcapil Kementerian Dalam Negeri</span> |
                    <span>Pastikan data kependudukan Anda selalu mutakhir untuk kemudahan layanan publik</span> |
                    <span>Aktifkan Identitas Kependudukan Digital (IKD) di perangkat Anda</span>
                </marquee>
            </div>
        </div>
    </header>
    <!-- End Header -->

    <!-- ======= Hero Section (TANPA BERITA) ======= -->
    <section id="hero">
        <div class="container">
            <div class="row justify-content-between hero-content">
                <div class="col-lg-7">
                    <h1 class="hero-title">Portal Layanan &amp; Informasi Kependudukan Dukcapil</h1>
                    <p class="hero-subtitle">
                        Portal ini menyediakan informasi dan layanan administrasi kependudukan di bawah Direktorat Jenderal Kependudukan dan Pencatatan Sipil Kementerian Dalam Negeri (<a href="https://www.kemendagri.com/">Kemendagri RI</a>). Akses panduan, dokumen teknis, serta layanan daring secara terintegrasi.
                    </p>

                    <div class="hero-buttons">
                        <a href="/layanan/" class="btn btn-danger btn-sm">
                            <i class="bi bi-clipboard-check"></i> Lihat Layanan Utama
                        </a>
                        <a href="/aplikasi/" class="btn btn-outline-light btn-sm">
                            <i class="bi bi-grid"></i> Tautan Aplikasi
                        </a>
                    </div>
                </div>
                <div class="col-lg-4 mt-4 mt-lg-0 d-flex align-items-center">
                    <div class="card w-100" style="border-radius: 0; border: 1px solid #deddd9;">
                        <div class="card-body">
                            <h5 class="card-title mb-2" style="font-size: 16px;">Akses Cepat</h5>
                            <p class="card-text" style="font-size: 13px; color:black;">
                                Pilih salah satu kanal di bawah ini untuk langsung menuju layanan terkait.
                            </p>
                            <div class="list-group list-group-flush" style="font-size: 13px;">
                                <a href="https://ula.kemendagri.go.id/" target="_blank" class="list-group-item list-group-item-action">
                                    <i class="bi bi-globe2"></i> Layanan Online Kemendagri (ULA)
                                </a>
                                <a href="https://gis.dukcapil.kemendagri.go.id/peta/" target="_blank" class="list-group-item list-group-item-action">
                                    <i class="bi bi-geo-alt"></i> GIS Dukcapil
                                </a>
                                <a href="https://dpdd.kemendagri.go.id/login" target="_blank" class="list-group-item list-group-item-action">
                                    <i class="bi bi-people"></i> Database Pejabat Daerah
                                </a>
                                <a href="https://ppid.kemendagri.go.id/" target="_blank" class="list-group-item list-group-item-action">
                                    <i class="bi bi-file-earmark-text"></i> PPID Kemendagri
                                </a>
                            </div>
                            <div class="mt-3 text-end">
                                <small style="font-size: 11px; color:black;">*Daftar kanal dapat diakses sesuai kebutuhan.</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Hero -->

    <main id="main">

        <!-- ======= Layanan Utama (TANPA BERITA) ======= -->
        <section id="layanan" class="services-area">
            <div class="container">
                <div class="section-headline text-center">
                    <h2>Layanan Utama</h2>
                    <p style="font-size: 13px; max-width: 640px; margin: 0 auto;">
                        Berikut adalah rangkuman layanan utama yang tersedia untuk mendukung kebutuhan administrasi kependudukan serta informasi teknis terkait Dukcapil.
                    </p>
                </div>

                <div class="row mt-4">
                    <div class="col-md-4 col-sm-6 mb-4">
                        <div class="service-box">
                            <div class="icon"><i class="bi bi-credit-card-2-front"></i></div>
                            <h4>Informasi Layanan Adminduk</h4>
                            <p>Ringkasan persyaratan dan prosedur layanan administrasi kependudukan yang tersedia.</p>
                            <a href="/layanan/" class="btn btn-outline-dark btn-sm">Lihat Detail</a>
                        </div>
                    </div>

                    <div class="col-md-4 col-sm-6 mb-4">
                        <div class="service-box">
                            <div class="icon"><i class="bi bi-journal-check"></i></div>
                            <h4>Dokumen Teknis &amp; SOP</h4>
                            <p>Dokumen panduan, standar operasional prosedur, serta referensi teknis yang relevan.</p>
                            <a href="/aplikasi/" class="btn btn-outline-dark btn-sm">Unduh Dokumen</a>
                        </div>
                    </div>

                    <div class="col-md-4 col-sm-6 mb-4">
                        <div class="service-box">
                            <div class="icon"><i class="bi bi-headset"></i></div>
                            <h4>Pengaduan &amp; Bantuan</h4>
                            <p>Kanal pengaduan, bantuan teknis, dan informasi kontak untuk koordinasi lebih lanjut.</p>
                            <a href="/kontak/" class="btn btn-outline-dark btn-sm">Hubungi Kami</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ======= Tautan Aplikasi & Sistem ======= -->
        <section id="aplikasi" class="apps-area">
            <div class="container">
                <div class="section-headline text-center">
                    <h2>Tautan Aplikasi &amp; Sistem</h2>
                </div>

                <div class="row mt-4">
                    <div class="col-md-6 mb-3">
                        <div class="app-card">
                            <div>
                                <div class="app-title">GIS Dukcapil</div>
                                <p class="app-desc">Sistem informasi geografis kependudukan dan pencatatan sipil.</p>
                            </div>
                            <a href="https://gis.dukcapil.kemendagri.go.id/peta/" class="btn btn-sm btn-outline-dark" target="_blank">
                                Buka
                            </a>
                        </div>
                    </div>

                    <div class="col-md-6 mb-3">
                        <div class="app-card">
                            <div>
                                <div class="app-title">Layanan Online Kemendagri (ULA)</div>
                                <p class="app-desc">Portal terpadu layanan online Kemendagri.</p>
                            </div>
                            <a href="https://ula.kemendagri.go.id/" class="btn btn-sm btn-outline-dark" target="_blank">
                                Buka
                            </a>
                        </div>
                    </div>

                    <div class="col-md-6 mb-3">
                        <div class="app-card">
                            <div>
                                <div class="app-title">Database Pejabat Daerah</div>
                                <p class="app-desc">Akses database pejabat daerah untuk kebutuhan koordinasi.</p>
                            </div>
                            <a href="https://dpdd.kemendagri.go.id/login" class="btn btn-sm btn-outline-dark" target="_blank">
                                Buka
                            </a>
                        </div>
                    </div>

                    <div class="col-md-6 mb-3">
                        <div class="app-card">
                            <div>
                                <div class="app-title">PPID Kemendagri</div>
                                <p class="app-desc">Layanan informasi publik Kementerian Dalam Negeri.</p>
                            </div>
                            <a href="https://ppid.kemendagri.go.id/" class="btn btn-sm btn-outline-dark" target="_blank">
                                Buka
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ======= Informasi Tambahan (Static) ======= -->
        <section id="informasi" class="blog-area" style="padding: 30px 0 10px 0;">
            <div class="container">
                <div class="section-headline text-center">
                    <h2>Informasi Penting</h2>
                </div>
                <div class="row justify-content-center mt-3">
                    <div class="col-md-10">
                        <div class="contact-box">
                            <ul style="font-size: 13px; padding-left: 18px; margin-bottom: 0;">
                                <li>Dukcapil raih 48 penghargaan dari lembaga nasional dan internasional hingga Maret 2024.</li>
                                <li>Data kependudukan sumbang Rp793,8M bagi negara melalui PNBP di tahun 2023.</li>
                                <li>Jumlah penduduk Indonesia capai 280.725.428 jiwa di tahun 2023.</li>
                                <li>Yuk aktivasi Identitas Kependudukan Digital (IKD) di smarphone-mu agar lebih mudah mendapatkan layanan publik.</li>
                                <li>Perkuat Ekonomi dan Pariwisata Indonesia Timur, Dukcapil Bakal Gelar Rakornas II 2024 di Papua atau NTB.</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ======= Kontak ======= -->
        <section id="kontak" class="contact-info-area">
            <div class="container">
                <div class="section-headline text-center">
                    <h2>Kontak</h2>
                </div>
                <div class="row mt-3 justify-content-center">
                    <div class="col-md-5 mb-3">
                        <div class="contact-box">
                            <h4>Alamat Kantor</h4>
                            <p><i class="bi bi-geo-alt"></i>Jl. KH. Guru Amin KM 19, RT/RW 7/1, Pejaten Barat, Pasar Minggu, Kota Jakarta Selatan, Daerah Khusus Ibukota Jakarta 12510</p>
                            <p><i class="bi bi-telephone"></i>WA/SMS/Pengaduan Halo Dukcapil: (62) 081-1878-1168</p>
                            <p><i class="bi bi-envelope"></i>Email: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="fe97909891be9a8b959d9f8e9792d0959b939b909a9f998c97d09991d0979a">[email&#160;protected]</a></p>
                            <p style="font-size: 11px; margin-top: 10px;">
                                *Silakan Hubungi Dukcapil Kemendagri Sesuai Dengan Alamat dan Kontak Diatas*
                            </p>
                        </div>
                    </div>
                    <div class="col-md-5 mb-3">
                        <div class="contact-box">
                            <h4>Jam Layanan</h4>
                            <p><i class="bi bi-clock"></i>Senin - Jumat: 08.00 - 16.00 WIB</p>
                            <p><i class="bi bi-clock-history"></i>Istirahat: 12.00 - 13.00 WIB</p>
                            <hr>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </main>

    <!-- ======= Footer ======= -->
    <footer id="footer">
        <div class="container">
            <div class="row gy-2 align-items-center">
                <div class="col-md-6 text-center text-md-start">
                    &copy; <span id="year"></span> Direktorat Jenderal Kependudukan dan Pencatatan Sipil,
                    Kementerian Dalam Negeri.
                </div>
                <div class="col-md-6 text-center text-md-end">
                    <a href="/kebijakan-privasi/">Kebijakan Privasi</a> &nbsp;|&nbsp; <a href="/syarat-ketentuan/">Syarat &amp; Ketentuan</a>
                </div>
            </div>
        </div>
    </footer>

    <!-- Vendor JS Files -->
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://dukcapil.kemendagri.com/assets/js/bootstrap-bundle-min.js"></script>
    <script src="https://dukcapil.kemendagri.com/assets/js/glightbox-min.js"></script>
    <script src="https://dukcapil.kemendagri.com/assets/js/swiper-bundle-min.js"></script>
    <script src="https://dukcapil.kemendagri.com/assets/js/isotope-pkgd-min.js"></script>
    <script src="https://dukcapil.kemendagri.com/assets/js/validate.js"></script>

    <!-- Template Main JS File -->
    <script src="https://dukcapil.kemendagri.com/assets/js/main.js"></script>

    <script>
        // Set tahun otomatis di footer
        document.getElementById('year').textContent = new Date().getFullYear();
    </script>

</body>

</html>
