1<!DOCTYPE html> 2<html class="no-js" lang="en-US"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <link rel="profile" href="https://gmpg.org/xfn/11" /> 7 <link rel="pingback" href="https://kopertais4.or.id/xmlrpc.php"> 8 9 <title>STRUKTUR ORGANISASI – KOPERTAIS 4</title> 10<meta name='robots' content='index, follow' />
11<script>document.documentElement.className = document.documentElement.className.replace("no-js","js");</script>
11 12<link rel="alternate" type="application/rss+xml" title="KOPERTAIS 4 » Feed" href="https://kopertais4.or.id/feed/" /> 13<link rel="alternate" type="application/rss+xml" title="KOPERTAIS 4 » Comments Feed" href="https://kopertais4.or.id/comments/feed/" /> 14<link id="hu-user-gfont" href="//fonts.googleapis.com/css?family=Ubuntu:400,400italic,300italic,300,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css"><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://kopertais4.or.id/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fkopertais4.or.id%2Fstruktur-organisasi-2%2F" /> 15<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://kopertais4.or.id/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fkopertais4.or.id%2Fstruktur-organisasi-2%2F&format=xml" /> 16<style id="wp-img-auto-sizes-contain-inline-css"> 17img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 18/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 19</style> 20<style id="wp-emoji-styles-inline-css"> 21 22 img.wp-smiley, img.emoji { 23 display: inline !important; 24 border: none !important; 25 box-shadow: none !important; 26 height: 1em !important; 27 width: 1em !important; 28 margin: 0 0.07em !important; 29 vertical-align: -0.1em !important; 30 background: none !important; 31 padding: 0 !important; 32 } 33/*# sourceURL=wp-emoji-styles-inline-css */ 34</style> 35<style id="wp-block-library-inline-css"> 36:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
36--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 37 38/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 39</style> 40<style id="wp-block-paragraph-inline-css"> 41.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} 42/*# sourceURL=https://kopertais4.or.id/wp-includes/blocks/paragraph/style.min.css */ 43</style> 44 45<style id="classic-theme-styles-inline-css"> 46/*! This file is auto-generated */ 47.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 48/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 49</style> 50 51<style id="global-styles-inline-css"> 52:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
520) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
52.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 53/*# sourceURL=global-styles-inline-css */ 54</style> 55 56<link rel='stylesheet' id='hueman-main-style-css' href='https://kopertais4.or.id/wp-content/themes/hueman/assets/front/css/main.min.css?ver=3.7.27' media='all' /> 57<style id="hueman-main-style-inline-css"> 58body { font-family:'Ubuntu', Arial, sans-serif;font-size:0.88rem }@media only screen and (min-width: 720px) { 59 .nav > li { font-size:0.88rem; } 60 }.sidebar .widget { padding-left: 20px; padding-right: 20px; padding-top: 20px; }::selection { background-color: #ffc107; } 61::-moz-selection { background-color: #ffc107; }a,a>span.hu-external::after,.themeform label .required,#flexslider-featured .flex-direction-nav .flex-next:hover,#flexslider-featured .flex-direction-nav .flex-prev:hover,.post-hover:hover .post-title a,.post-title a:hover,.sidebar.s1 .post-nav li a:hover i,.content .post-nav li a:hover i,.post-related a:hover,.sidebar.s1 .widget_rss ul li a,#footer .widget_rss ul li a,.sidebar.s1 .widget_calendar a,#footer .widget_calendar a,.sidebar.s1 .alx-tab .tab-item-category a,.sidebar.s1 .alx-posts .post-item-category a,.sidebar.s1 .alx-tab li:hover .tab-item-title a,.sidebar.s1 .alx-tab li:hover .tab-item-comment a,.sidebar.s1 .alx-posts li:hover .post-item-title a,#footer .alx-tab .tab-item-category a,#footer .alx-posts .post-item-category a,#footer .alx-tab li:hover .tab-item-title a,#footer .alx-tab li:hover .tab-item-comment a,#footer .alx-posts li:hover .post-item-title a,.comment-tabs li.active a,.comment-awaiting-moderation,.child-menu a:hover,.child-menu .current_page_item > a,.wp-pagenavi a{ color: #ffc107; }input[type="submit"],.themeform button[type="submit"],.sidebar.s1 .sidebar-top,.sidebar.s1 .sidebar-toggle,#flexslider-featured .flex-control-nav li a.flex-active,.post-tags a:hover,.sidebar.s1 .widget_calendar caption,#footer .widget_calendar caption,.author-bio .bio-avatar:after,.commentlist li.bypostauthor > .comment-body:after,.commentlist li.comment-author-admin > .comment-body:after{ background-color: #ffc107; }.post-format .format-container { border-color: #ffc107; }.sidebar.s1 .alx-tabs-nav li.active a,#footer .alx-tabs-nav li.active a,.comment-tabs li.active a,.wp-pagenavi a:hover,.wp-pagenavi a:active,.wp-pagenavi span.current{ border-bottom-color: #ffc107!important; }.sidebar.s2 .post-nav li a:hover i, 62.sidebar.s2 .widget_rss ul li a, 63.sidebar.s2 .widget_calendar a, 64.sidebar.s2 .alx-tab .tab-item-category a, 65.sidebar.s2 .alx-posts .post-item-category a, 66.sidebar.s2 .alx-tab li:hover .tab-item-title a, 67.sidebar.s2 .alx-tab li:hover .tab-item-comment a, 68.sidebar.s2 .alx-posts li:hover .post-item-title a { color: #ffc107; } 69.sidebar.s2 .sidebar-top,.sidebar.s2 .sidebar-toggle,.post-comments,.jp-play-bar,.jp-volume-bar-value,.sidebar.s2 .widget_calendar caption{ background-color: #ffc107; }.sidebar.s2 .alx-tabs-nav li.active a { border-bottom-color: #ffc107; } 70.post-comments::before { border-right-color: #ffc107; } 71 .search-expand, 72 #nav-topbar.nav-container { background-color: #006633}@media only screen and (min-width: 720px) { 73 #nav-topbar .nav ul { background-color: #006633; } 74 }.is-scrolled #header .nav-container.desktop-sticky, 75 .is-scrolled #header .search-expand { background-color: #006633; background-color: rgba(0,102,51,0.90) }
75.is-scrolled .topbar-transparent #nav-topbar.desktop-sticky .nav ul { background-color: #006633; background-color: rgba(0,102,51,0.95) }#header { background-color: #006633; } 76@media only screen and (min-width: 720px) { 77 #nav-header .nav ul { background-color: #006633; } 78} 79 #header #nav-mobile { background-color: #006633; }.is-scrolled #header #nav-mobile { background-color: #006633; background-color: rgba(0,102,51,0.90) }#nav-header.nav-container, #main-header-search .search-expand { background-color: #ffc107; } 80@media only screen and (min-width: 720px) { 81 #nav-header .nav ul { background-color: #ffc107; } 82} 83 .site-title a img { max-height: 100px; } 84/*# sourceURL=hueman-main-style-inline-css */ 85</style> 86<link rel='stylesheet' id='hueman-font-awesome-css' href='https://kopertais4.or.id/wp-content/themes/hueman/assets/front/css/font-awesome.min.css?ver=3.7.27' media='all' />
87<script id="jquery-core-js" src="https://kopertais4.or.id/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 87
87
88<script id="jquery-migrate-js" src="https://kopertais4.or.id/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
88 89<link rel="https://api.w.org/" href="https://kopertais4.or.id/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://kopertais4.or.id/wp-json/wp/v2/pages/271" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://kopertais4.or.id/xmlrpc.php?rsd" /> 90<meta name="generator" content="WordPress 7.1" /> 91<link rel="canonical" href="https://kopertais4.or.id/struktur-organisasi-2/" /> 92<link rel='shortlink' href='https://kopertais4.or.id/?p=271' />
93<script type="text/javascript" src="//kopertais4.or.id/?wordfence_syncAttackData=1790927219.3" async></script>
93 <link rel="preload" as="font" type="font/woff2" href="https://kopertais4.or.id/wp-content/themes/hueman/assets/front/webfonts/fa-brands-400.woff2?v=5.15.2" crossorigin="anonymous"/> 94 <link rel="preload" as="font" type="font/woff2" href="https://kopertais4.or.id/wp-content/themes/hueman/assets/front/webfonts/fa-regular-400.woff2?v=5.15.2" crossorigin="anonymous"/> 95 <link rel="preload" as="font" type="font/woff2" href="https://kopertais4.or.id/wp-content/themes/hueman/assets/front/webfonts/fa-solid-900.woff2?v=5.15.2" crossorigin="anonymous"/> 96 <!--[if lt IE 9]>
97<script src="https://kopertais4.or.id/wp-content/themes/hueman/assets/front/js/ie/html5shiv-printshiv.min.js"></script>
vendor: 1 bytes, line 97
97
98<script src="https://kopertais4.or.id/wp-content/themes/hueman/assets/front/js/ie/selectivizr.js"></script>
98 99<![endif]--> 100<link rel="icon" href="https://kopertais4.or.id/wp-content/uploads/2025/12/cropped-Kementerian_Agama_new_logo-1-1-32x32.png" sizes="32x32" /> 101<link rel="icon" href="https://kopertais4.or.id/wp-content/uploads/2025/12/cropped-Kementerian_Agama_new_logo-1-1-192x192.png" sizes="192x192" /> 102<link rel="apple-touch-icon" href="https://kopertais4.or.id/wp-content/uploads/2025/12/cropped-Kementerian_Agama_new_logo-1-1-180x180.png" /> 103<meta name="msapplication-TileImage" content="https://kopertais4.or.id/wp-content/uploads/2025/12/cropped-Kementerian_Agama_new_logo-1-1-270x270.png" /> 104<style id="wp-custom-css"> 105/* ================================================================= 106 DESAIN FINAL: GOLD (DIAM) -> GREEN (HOVER) 107 Target: Navigation Menu (Kanan) & Bellows (Kiri) 108 ================================================================= */ 109 110/* 1. HILANGKAN TULISAN 'FOLLOW' & 'MORE' */ 111.sidebar-top, .s1 .sidebar-top, .s2 .sidebar-top, 112#secondary .sidebar-top, #primary .sidebar-top { 113 display: none !important; 114} 115 116/* 2. BERSIHKAN CONTAINER */ 117.sidebar .widget, .bellows-nav { 118 background: transparent !important; 119 border: none !important; 120 box-shadow: none !important; 121} 122 123 124 125/* ================================================================= 126 UNIFIED DESIGN: NATIVE ACCORDION STYLE 127 Target: Semua Widget Menu (.widget_nav_menu) di Kiri & Kanan 128 ================================================================= */ 129 130/* 1. BERSIHKAN TAMPILAN */ 131.sidebar-top, .s1 .sidebar-top, .s2 .sidebar-top, 132#secondary .sidebar-top, #primary .sidebar-top { 133 display: none !important; 134} 135 136/* Reset List Style */ 137.widget_nav_menu ul { 138 list-style: none !important; 139 padding: 0 !important; 140 margin: 0 !important; 141} 142 143/* ================================================================= 144 2. DESAIN TOMBOL UTAMA (PARENT) 145 Warna: Hijau Kopertais (Default) -> Emas (Hover) 146 ================================================================= */ 147.widget_nav_menu ul li a { 148 display: block; 149 position: relative; /* Agar panah bisa diatur posisinya */ 150 padding: 12px 15px; 151 margin-bottom: 5px; 152 153 /* Warna Dasar: HIJAU */ 154 background-color: #006633 !important; 155 color: #ffffff !important; 156 157 border: 1px solid #004d26 !important; 158 border-radius: 4px; 159 text-decoration: none; 160 font-weight: 600; 161 transition: all 0.2s ease-in-out; 162} 163 164/* Efek Hover (Disentuh) -> EMAS */ 165.widget_nav_menu ul li a:hover, 166.widget_nav_menu ul li.current-menu-item > a, 167.widget_nav_menu ul li.current-menu-ancestor > a { /* Tetap Emas jika anak dibuka */ 168 background-color: #ffc107 !important; /* Kuning Emas */ 169 color: #000000 !important; /* Teks Hitam */ 170 border-color: #d39e00 !important; 171 padding-left: 20px; /* Geser Kanan */ 172} 173 174/* ================================================================= 175 3. LOGIKA ACCORDION (SUB-MENU) 176 Hanya muncul saat Induknya di-Hover 177 ================================================================= */ 178 179/* Sembunyikan Sub-menu secara default */ 180.widget_nav_menu .sub-menu { 181 display: none; /* Hilang */ 182 background-color: transparent !important; 183 margin-left: 0 !important; /* Reset margin */ 184} 185 186/* TAMPILKAN Sub-menu saat Induk (li) di-HOVER */ 187/* Gunakan 'display: block' agar mendorong konten di bawahnya (Accordion effect) */ 188.widget_nav_menu li:hover > .sub-menu { 189 display: block; 190 animation: slideDown 0.3s ease; /* Animasi halus */ 191} 192 193/* Desain Item Sub-menu (Anak) */ 194.widget_nav_menu .sub-menu li a { 195 background-color: #fff3cd !important; /* Kuning Pucat (Soft) */ 196 color: #333 !important; 197 font-size: 0.9em; 198 font-weight: normal; 199 padding-left: 30px !important; /* Menjorok ke dalam */ 200 margin-bottom: 2px; 201 border: none !important; 202} 203 204/* Hover pada Sub-menu */ 205.widget_nav_menu .sub-menu li a:hover { 206 background-color: #006633 !important; /* Balik jadi Hijau */ 207 color: #fff !important; 208} 209 210/* ================================================================= 211 4. INDIKATOR PANAH (â¼) OTOMATIS 212 Hanya untuk menu yang punya anak 213 ================================================================= */ 214.widget_nav_menu li.menu-item-has-children > a::after { 215 content: "\25BC"; /* Kode Panah Bawah (â¼) */ 216 font-size: 10px; 217 position: absolute; 218 right: 15px; 219 top: 50%; 220 transform: translateY(-50%); 221 color: rgba(255,255,255,0.7); /* Putih Transparan */ 222} 223 224/* Ubah warna panah saat hover (jadi Hitam) */ 225.widget_nav_menu li.menu-item-has-children:hover > a::after { 226 color: #000 !important; 227 transform: translateY(-50%) rotate(180deg); /* Putar panah ke atas */ 228} 229 230/* ================================================================= 231 5. ANIMASI HALUS 232 ================================================================= */
233@keyframes slideDown { 234 from { opacity: 0; transform: translateY(-10px); } 235 to { opacity: 1; transform: translateY(0); } 236} 237 238 239/* === MENGECILKAN GAMBAR THUMBNAIL PENGUMUMAN === */ 240 241/* Targetkan gambar unggulan di halaman depan 242.post-thumbnail img { 243 max-height: 200px !important; /* Batasi tinggi maksimal (bisa diubah, misal 200px) */ 244 width: auto !important; /* Lebar menyesuaikan agar tidak gepeng */ 245 display: block; 246 margin: 0 auto; /* Posisi di tengah */ 247} 248 249/* OPSIONAL: Jika ingin gambar di KIRI dan teks di KANAN (Seperti Koran) */ 250/* Hapus tanda komentar di bawah jika ingin model koran: */ 251/* 252.post-thumbnail { 253 float: left; 254 margin-right: 20px; 255 max-width: 300px; 256} 257 258*/ 259 260/* ================================================================= 261 HEADER INSTANSI (NAMA & ALAMAT) 262 Posisi: Sebelah Kanan Logo 263 ================================================================= */ 264 265/* 1. ATUR POSISI WADAH WIDGET HEADER */ 266#header-widgets { 267 float: right; /* Paksa ke kanan */ 268 max-width: 65%; /* Lebar maksimal 65% layar agar tidak nabrak logo */ 269 padding-top: 15px; /* Jarak dari atas (sesuaikan agar sejajar logo) */ 270 text-align: right; /* Rata kanan (standar instansi) */ 271} 272 273/* Jika ingin Rata Kiri (mendekat ke logo), ganti text-align: left; */ 274 275/* 2. STYLE JUDUL INSTANSI (BESAR & HIJAU) */ 276.nama-instansi { 277 font-family: 'Arial', sans-serif; /* Font tegas */ 278 font-size: 26px; /* Ukuran font judul */ 279 font-weight: 800; /* Sangat Tebal */ 280 color: #e6af2e; /* Hijau Kopertais */ 281 margin: 0 0 5px 0; /* Jarak bawah sedikit */ 282 line-height: 1.2; 283 letter-spacing: 0.5px; 284} 285 286/* 3. STYLE ALAMAT (KECIL & RAPI) */ 287.alamat-instansi { 288 font-size: 14px; 289 color: #ffffaa; /* Abu gelap */ 290 line-height: 1.4; 291 margin-bottom: 5px; 292 font-weight: 500; 293} 294 295/* 4. STYLE KONTAK (OPSIONAL) */ 296.kontak-instansi { 297 font-size: 13px; 298 color: #ffffff; 299 font-weight: 500; 300} 301 302/* ================================================================= 303 RESPONSIF (TAMPILAN DI HP) 304 Agar tidak berantakan di layar kecil 305 ================================================================= */ 306@media only screen and (max-width: 720px) { 307 #header-widgets { 308 float: none; 309 max-width: 100%; 310 text-align: center; /* Di HP jadi rata tengah */ 311 margin-top: 10px; 312 padding-top: 0; 313 } 314 315 .nama-instansi { font-size: 20px; } /* Judul mengecil di HP */ 316 .alamat-instansi { font-size: 12px; } 317} 318 319 320 321 322 323/* 4. Hapus Background Plugin */ 324#box_ql_gallery_carousel { 325 background: transparent !important; 326 padding: 0 !important; 327 border: none !important; 328} 329 330 331 332</style> 333<link rel='stylesheet' id='qligg-swiper-css' href='https://kopertais4.or.id/wp-content/plugins/insta-gallery/assets/frontend/swiper/swiper.min.css?ver=5.0.8' media='all' /> 334<link rel='stylesheet' id='qligg-frontend-css' href='https://kopertais4.or.id/wp-content/plugins/insta-gallery/build/frontend/css/style.css?ver=5.0.8' media='all' /> 335 336</head> 337 338<body class="wp-singular page-template-default page page-id-271 wp-custom-logo wp-embed-responsive wp-theme-hueman col-3cm boxed header-desktop-sticky header-mobile-sticky hu-header-img-full-width hueman-3-7-27 chrome"> 339<div id="wrapper"> 340 <a class="screen-reader-text skip-link" href="#content">Skip to content</a> 341 342 <header id="header" class="specific-mobile-menu-on one-mobile-menu mobile_menu header-ads-desktop header-ads-mobile topbar-transparent no-header-img"> 343 <nav class="nav-container group mobile-menu mobile-sticky " id="nav-mobile" data-menu-id="header-1"> 344 <div class="mobile-title-logo-in-header"><p class="site-title"> <a class="custom-logo-link" href="https://kopertais4.or.id/" rel="home" title="KOPERTAIS 4 | Home page"><img src="https://kopertais4.or.id/wp-content/uploads/2025/12/cropped-logo_kemenag.png" alt="KOPERTAIS 4" width="1205" height="1080"/></a> </p></div> 345 346 <!-- <div class="ham__navbar-toggler collapsed" aria-expanded="false"> 347 <div class="ham__navbar-span-wrapper">
348 <span class="ham-toggler-menu__span"></span> 349 </div> 350 </div> --> 351 <button class="ham__navbar-toggler-two collapsed" title="Menu" aria-expanded="false"> 352 <span class="ham__navbar-span-wrapper"> 353 <span class="line line-1"></span> 354 <span class="line line-2"></span> 355 <span class="line line-3"></span> 356 </span> 357 </button> 358 359 <div class="nav-text"></div> 360 <div class="nav-wrap container"> 361 <ul id="menu-navigasi_kiri" class="nav container-inner group"><li id="menu-item-37" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-37"><a href="#">PROFIL</a> 362<ul class="sub-menu"> 363 <li id="menu-item-161" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-161"><a href="https://kopertais4.or.id/visi/">VISI DAN MISI</a></li> 364 <li id="menu-item-177" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-177"><a href="https://kopertais4.or.id/sejarah-singkat/">SEJARAH SINGKAT</a></li> 365 <li id="menu-item-181" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-181"><a href="https://kopertais4.or.id/sambutan-koordinator/">SAMBUTAN KOORDINATOR</a></li> 366 <li id="menu-item-276" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-271 current_page_item menu-item-276"><a href="https://kopertais4.or.id/struktur-organisasi-2/" aria-current="page">STRUKTUR ORGANISASI</a></li> 367</ul> 368</li> 369<li id="menu-item-40" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-40"><a href="#">LAYANAN</a> 370<ul class="sub-menu"> 371 <li id="menu-item-42" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-42"><a href="#">KETENAGAAN</a></li> 372 <li id="menu-item-43" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43"><a href="#">KELEMBAGAAN</a></li> 373</ul> 374</li> 375<li id="menu-item-44" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-44"><a href="#">KEGIATAN</a></li> 376<li id="menu-item-170" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-170"><a href="https://kopertais4.or.id/category/pengumuman/">PENGUMUMAN</a></li> 377<li id="menu-item-377" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-377"><a target="_blank" href="http://basdat.kopertais4.or.id/">BASIS DATA PTKIS</a></li> 378</ul> </div> 379</nav><!--/#nav-topbar--> 380 381 <div class="container group"> 382 <div class="container-inner"> 383 384 <div class="group hu-pad central-header-zone"> 385 <div class="logo-tagline-group"> 386 <p class="site-title"> <a class="custom-logo-link" href="https://kopertais4.or.id/" rel="home" title="KOPERTAIS 4 | Home page"><img src="https://kopertais4.or.id/wp-content/uploads/2025/12/cropped-logo_kemenag.png" alt="KOPERTAIS 4" width="1205" height="1080"/></a> </p> <p class="site-description"></p> 387 </div> 388 389 <div id="header-widgets"> 390 <div id="block-15" class="widget widget_block"><div class="header-instansi"> 391 <h1 class="nama-instansi">KOPERTAIS WILAYAH IV JAWA TIMUR</h1> 392 <div class="alamat-instansi"> 393 Jl. Jenderal Ahmad Yani No. 117, Surabaya, Jawa Timur 60237 394 </div> 395 <div class="kontak-instansi"> 396 <i class="fa fa-phone"></i> (031) 843-7890 | <i class="fa fa-envelope"></i> [email protected] 397 </div> 398</div></div> </div><!--/#header-ads--> 399 </div> 400 401 402 </div><!--/.container-inner--> 403 </div><!--/.container--> 404 405</header><!--/#header--> 406 407 <div class="container" id="page"> 408 <div class="container-inner"> 409 <div class="main"> 410 <div class="main-inner group"> 411 412 <main class="content" id="content"> 413 <div class="page-title hu-pad group"> 414 <h1>STRUKTUR ORGANISASI</h1> 415 416 </div><!--/.page-title--> 417 <div class="hu-pad group"> 418 419 <article class="group post-271 page type-page status-publish has-post-thumbnail hentry"> 420 421 422 <div class="entry themeform"> 423 424<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> 425 426<div class="staff-filter-container"> 427 <button class="filter-btn active" onclick="filterPeople('pimpinan')">PIMPINAN</button> 428 <button class="filter-btn" onclick="filterPeople('tim-ahli')">TIM AHLI</button> 429 <button class="filter-btn" onclick="filterPeople('staff')">STAFF</button> 430 <button class="filter-btn btn-all" onclick="filterPeople('all')">ALL</button> 431</div> 432 433<div class="staff-grid"> 434<!-- PIMPINAN --> 435 <div class="staff-card show" data-category="pimpinan"> 436 <div class="staff-img"> 437 <img decoding="async" src="https://kopertais4.or.id/wp-content/uploads/2025/12/profil_koordinator.jpg" alt="Foto"> 438 </div> 439 <div class="staff-info"> 440 <h3 class="staff-name">Prof. Akh. Muzakki, Ph.D.</h3> 441 <div class="staff-role">Koordinator</div> 442 443 <div class="staff-social"> 444 <a href="https://facebook.com/username" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> 445 <a href="https://instagram.com/username" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> 446 <a href="https://twitter.com/username" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a> 447 <a href="https://tiktok.com/@username" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a> 448 </div> 449 </div> 450 </div> 451 452 <div class="staff-card show" data-category="pimpinan"> 453 <div class="staff-img"> 454 <img decoding="async" src="https://kopertais4.or.id/wp-content/uploads/2025/12/profil_wakoor.jpg" alt="Foto"> 455 </div> 456 <div class="staff-info"> 457 <h3 class="staff-name">Dr. H. Sumarkan, M. Ag.</h3> 458 <div class="staff-role">Wakil Koordinator</div> 459 460 <div class="staff-social"> 461 <a href="https://facebook.com/username" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> 462 <a href="https://instagram.com/username" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> 463 <a href="https://twitter.com/username" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a> 464 <a href="https://tiktok.com/@username" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a> 465 </div> 466 </div> 467 </div> 468 469 <div class="staff-card show" data-category="pimpinan"> 470 <div class="staff-img"> 471 <img decoding="async" src="https://kopertais4.or.id/wp-content/uploads/2025/12/profil_sekretaris.jpg" alt="Foto"> 472 </div> 473 <div class="staff-info"> 474 <h3 class="staff-name">Dr. H. M. Hasan Ubaidillah, SH.I., M.Si.</h3> 475 <div class="staff-role">Sekretaris</div> 476 477 <div class="staff-social"> 478 <a href="https://facebook.com/username" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> 479 <a href="https://instagram.com/username" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> 480 <a href="https://twitter.com/username" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a> 481 <a href="https://tiktok.com/@username" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a> 482 </div> 483 </div> 484 </div> 485 486 487 488 489 490<!-- TIM AHLI --> 491 492 <div class="staff-card" data-category="tim-ahli"> 493 <div class="staff-img"> 494 <img decoding="async" src="https://kopertais4.or.id/wp-content/uploads/2025/12/profil_atik.jpg" alt="Foto"> 495 </div> 496 <div class="staff-info"> 497 <h3 class="staff-name">Arif Mansyuri, S.Pd,I, M.Pd </h3> 498 <div class="staff-role">Tim Ahli Bidang Pengembangan Kelembagaan</div> 499 500 <div class="staff-social"> 501 <a href="https://facebook.com/username" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> 502 <a href="https://instagram.com/username" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> 503 <a href="https://twitter.com/username" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a> 504 <a href="https://tiktok.com/@username" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a> 505 </div> 506 </div> 507 </div> 508 509 510 <div class="staff-card" data-category="tim-ahli"> 511 <div class="staff-img"> 512 <img decoding="async" src="https://kopertais4.or.id/wp-content/uploads/2025/12/profil_fauzi.jpg" alt="Foto"> 513 </div> 514 <div class="staff-info"> 515 <h3 class="staff-name">Ahmad Fauzi, M.Pd</h3> 516 <div class="staff-role">Tim Ahli Bidang Akreditasi dan Penjaminan Mutu</div> 517 518 <div class="staff-social"> 519 <a href="https://facebook.com/username" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> 520 <a href="https://instagram.com/username" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> 521 <a href="https://twitter.com/username" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a> 522 <a href="https://tiktok.com/@username" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a> 523 </div> 524 </div> 525 </div> 526 527 528 <div class="staff-card" data-category="tim-ahli"> 529 <div class="staff-img"> 530 <img decoding="async" src="https://kopertais4.or.id/wp-content/uploads/2025/12/profil_lubab.jpg" alt="Foto"> 531 </div> 532 <div class="staff-info"> 533 <h3 class="staff-name">Ahmad Lubab, M.Si</h3> 534 <div class="staff-role">Tim Ahli Bidang Kurikulum dan Akademik</div> 535 536 <div class="staff-social"> 537 <a href="https://facebook.com/username" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> 538 <a href="https://instagram.com/username" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> 539 <a href="https://twitter.com/username" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a> 540 <a href="https://tiktok.com/@username" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a> 541 </div> 542 </div> 543 </div> 544 545 546 <div class="staff-card" data-category="tim-ahli"> 547 <div class="staff-img"> 548 <img decoding="async" src="https://kopertais4.or.id/wp-content/uploads/2025/12/profil_sri.jpg" alt="Foto"> 549 </div> 550 <div class="staff-info"> 551 <h3 class="staff-name">Prof. Dr. Sri Warjiyati, MH</h3> 552 <div class="staff-role">Tim Ahli Bidang Hukum, Kemahasiswaan dan SDM</div> 553 554 <div class="staff-social"> 555 <a href="https://facebook.com/username" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> 556 <a href="https://instagram.com/username" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> 557 <a href="https://twitter.com/username" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a> 558 <a href="https://tiktok.com/@username" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a> 559 </div> 560 </div> 561 </div> 562 563 564 <div class="staff-card" data-category="tim-ahli"> 565 <div class="staff-img"> 566 <img decoding="async" src="https://kopertais4.or.id/wp-content/uploads/2025/12/profil_aris.jpg" alt="Foto"> 567 </div> 568 <div class="staff-info"> 569 <h3 class="staff-name">Aris Fanani, M.Kom</h3> 570 <div class="staff-role">Tim Ahli Bidang Penguatan Pangkalan Data dan Publikasi</div> 571 572 <div class="staff-social"> 573 <a href="https://facebook.com/username" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> 574 <a href="https://instagram.com/username" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> 575 <a href="https://twitter.com/username" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a> 576 <a href="https://tiktok.com/@username" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a> 577 </div> 578 </div> 579 </div> 580 581 582 583 584 585 586
587<!-- STAFF --> 588 589 <div class="staff-card" data-category="staff"> 590 <div class="staff-img"> 591 <img decoding="async" src="https://kopertais4.or.id/wp-content/uploads/2025/12/profil_ainun.jpg" alt="Foto"> 592 </div> 593 <div class="staff-info"> 594 <h3 class="staff-name">Ainun Hidayati, S.Ag</h3> 595 <div class="staff-role">SKP, SKTP, BKD</div> 596 597 <div class="staff-social"> 598 <a href="https://facebook.com/username" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> 599 <a href="https://instagram.com/username" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> 600 <a href="https://twitter.com/username" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a> 601 <a href="https://tiktok.com/@username" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a> 602 </div> 603 </div> 604 </div> 605 606 607 608 <div class="staff-card" data-category="staff"> 609 <div class="staff-img"> 610 <img decoding="async" src="https://kopertais4.or.id/wp-content/uploads/2025/12/profil_umi.jpg" alt="Foto"> 611 </div> 612 <div class="staff-info"> 613 <h3 class="staff-name">Umi Salamah, S. Th. I.</h3> 614 <div class="staff-role">Jabfung Lektor dan Administrasi</div> 615 616 <div class="staff-social"> 617 <a href="https://facebook.com/username" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> 618 <a href="https://instagram.com/username" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> 619 <a href="https://twitter.com/username" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a> 620 <a href="https://tiktok.com/@username" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a> 621 </div> 622 </div> 623 </div> 624 625 626 <div class="staff-card" data-category="staff"> 627 <div class="staff-img"> 628 <img decoding="async" src="https://kopertais4.or.id/wp-content/uploads/2025/12/profil_yuyik.jpg" alt="Foto"> 629 </div> 630 <div class="staff-info"> 631 <h3 class="staff-name">Yuhyil Ayda Luthfiyah</h3> 632 <div class="staff-role">Adminitrasi Umum dan Persuratan</div> 633 634 <div class="staff-social"> 635 <a href="https://facebook.com/username" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> 636 <a href="https://instagram.com/username" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> 637 <a href="https://twitter.com/username" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a> 638 <a href="https://tiktok.com/@username" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a> 639 </div> 640 </div> 641 </div> 642 643 644 <div class="staff-card" data-category="staff"> 645 <div class="staff-img"> 646 <img decoding="async" src="https://via.placeholder.com/300" alt="Foto"> 647 </div> 648 <div class="staff-info"> 649 <h3 class="staff-name">Aprilia S.E.</h3> 650 <div class="staff-role">Pengelola Keuangan</div> 651 652 <div class="staff-social"> 653 <a href="https://facebook.com/username" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> 654 <a href="https://instagram.com/username" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> 655 <a href="https://twitter.com/username" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a> 656 <a href="https://tiktok.com/@username" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a> 657 </div> 658 </div> 659 </div> 660 661 <div class="staff-card" data-category="staff"> 662 <div class="staff-img"> 663 <img decoding="async" src="https://kopertais4.or.id/wp-content/uploads/2025/12/profil__nisa.jpg" alt="Foto"> 664 </div> 665 <div class="staff-info"> 666 <h3 class="staff-name">Siti Nur Anisa, S.H</h3> 667 <div class="staff-role">Bagian Umum</div> 668 669 <div class="staff-social"> 670 <a href="https://facebook.com/username" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> 671 <a href="https://instagram.com/username" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> 672 <a href="https://twitter.com/username" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a> 673 <a href="https://tiktok.com/@username" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a> 674 </div> 675 </div> 676 </div> 677 678 679 680 <div class="staff-card" data-category="staff"> 681 <div class="staff-img"> 682 <img decoding="async" src="https://kopertais4.or.id/wp-content/uploads/2025/12/profil__septi.jpg" alt="Foto"> 683 </div> 684 <div class="staff-info"> 685 <h3 class="staff-name">Septiya Qurâana, M.H</h3> 686 <div class="staff-role">Rekomendasi Umum, Pendaftaran Serdos</div> 687 688 <div class="staff-social"> 689 <a href="https://facebook.com/username" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> 690 <a href="https://instagram.com/username" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> 691 <a href="https://twitter.com/username" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a> 692 <a href="https://tiktok.com/@username" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a> 693 </div> 694 </div> 695 </div> 696 697 698 <div class="staff-card" data-category="staff"> 699 <div class="staff-img"> 700 <img decoding="async" src="https://kopertais4.or.id/wp-content/uploads/2025/12/profil_hana.jpg" alt="Foto"> 701 </div> 702 <div class="staff-info"> 703 <h3 class="staff-name">Nurhana Fakhriyah, S.Pd</h3> 704 <div class="staff-role">Adminitrasi Umum dan Kelembagaan</div> 705 706 <div class="staff-social"> 707 <a href="https://facebook.com/username" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> 708 <a href="https://instagram.com/username" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> 709 <a href="https://twitter.com/username" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a> 710 <a href="https://tiktok.com/@username" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a> 711 </div> 712 </div> 713 </div> 714 715 <div class="staff-card" data-category="staff"> 716 <div class="staff-img"> 717 <img decoding="async" src="https://kopertais4.or.id/wp-content/uploads/2025/12/profil_nafis.jpg" alt="Foto"> 718 </div> 719 <div class="staff-info"> 720 <h3 class="staff-name">Nafis</h3> 721 <div class="staff-role">Jabfung Lektor, Impasing</div> 722 723 <div class="staff-social"> 724 <a href="https://facebook.com/username" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> 725 <a href="https://instagram.com/username" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> 726 <a href="https://twitter.com/username" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a> 727 <a href="https://tiktok.com/@username" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a> 728 </div> 729 </div> 730 </div> 731 732 <div class="staff-card" data-category="staff"> 733 <div class="staff-img"> 734 <img decoding="async" src="https://kopertais4.or.id/wp-content/uploads/2025/12/profil_udin.jpg" alt="Foto"> 735 </div> 736 <div class="staff-info"> 737 <h3 class="staff-name">Tahruddin</h3> 738 <div class="staff-role">Administrasi Ligalisir dan Rumah Tangga</div> 739 740 <div class="staff-social"> 741 <a href="https://facebook.com/username" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> 742 <a href="https://instagram.com/username" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> 743 <a href="https://twitter.com/username" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a> 744 <a href="https://tiktok.com/@username" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a> 745 </div> 746 </div> 747 </div> 748 749 750 <div class="staff-card" data-category="staff"> 751 <div class="staff-img"> 752 <img decoding="async" src="https://kopertais4.or.id/wp-content/uploads/2025/12/profil_anam.jpg" alt="Foto"> 753 </div> 754 <div class="staff-info"> 755 <h3 class="staff-name">Choirul Anam</h3> 756 <div class="staff-role">Pangkalan Data</div> 757 758 <div class="staff-social"> 759 <a href="https://facebook.com/username" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> 760 <a href="https://instagram.com/anamovich" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> 761 <a href="https://twitter.com/anamovich_66" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a> 762 <a href="https://tiktok.com/@username" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a> 763 </div> 764 </div> 765 </div> 766 767 768 769 770 771 772<style> 773 /* --- Filter Menu --- */ 774 .staff-filter-container { 775 display: flex; flex-wrap: wrap; align-items: center; 776 margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #eee; 777 } 778 .filter-btn { 779 background-color: #ffffff; border: 1px solid #d35400; color: #d35400; 780 padding: 6px 15px; margin-right: 8px; margin-bottom: 5px; 781 font-size: 12px; font-weight: bold; cursor: pointer; 782 border-radius: 4px; transition: all 0.3s; text-transform: uppercase; 783 } 784 .btn-all { margin-left: auto; margin-right: 0; border-color: #333; color: #333; } 785 .filter-btn:hover { background-color: #fcece0; } 786 .filter-btn.active { background-color: #d35400; color: #ffffff; border-color: #d35400; } 787 .btn-all.active { background-color: #333; border-color: #333; } 788 789 /* --- Grid Layout (3 Kolom) --- */ 790 .staff-grid { 791 display: grid; 792 grid-template-columns: repeat(3, 1fr); /* Wajib 3 Kolom */ 793 gap: 20px; 794 } 795 796 /* --- Kartu Personalia --- */ 797 .staff-card { 798 background-color: #fff; border: 1px solid #eee; border-radius: 5px; 799 overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.05); 800 transition: transform 0.3s; display: none; 801 } 802 .staff-card.show { display: block; animation: fadeIn 0.5s; } 803 .staff-card:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); } 804 805 .staff-img { height: 200px; overflow: hidden; background: #f4f4f4; } 806 .staff-img img { width: 100%; height: 100%; object-fit: cover; object-position: top; } 807 808 .staff-info { padding: 15px; text-align: center; /* Rata tengah agar ikon rapi */ } 809 810 .staff-name { font-size: 14px; color: #d35400; margin: 0 0 5px 0; font-weight: 700; line-height: 1.3; } 811 .staff-role { font-size: 12px; color: #333; font-weight: bold; margin-bottom: 10px; } 812 .staff-desc { font-size: 12px; color: #777; line-height: 1.4; margin-top: 10px; } 813 814 /* --- STYLE SOCIAL MEDIA (BARU) --- */ 815 .staff-social { 816 margin-bottom: 10px; /* Jarak ke deskripsi */ 817 } 818 819 .staff-social a { 820 display: inline-flex; 821 align-items: center; justify-content: center; 822 width: 30px; height: 30px; /* Ukuran Lingkaran */ 823 border-radius: 50%; 824 background-color: #f4f4f4; /* Latar abu muda */ 825 color: #d35400; /* Warna Ikon Default (Oranye) */ 826 margin: 0 3px; 827 text-decoration: none; 828 font-size: 14px; 829 transition: all 0.3s; 830 } 831 832 /* Efek Hover (Warna-warni sesuai Medsos) */ 833 .staff-social a:hover { color: #fff; transform: scale(1.1); } 834 .staff-social a:hover .fa-facebook-f { background: #1877F2; } /* Biru FB */ 835 .staff-social a:hover .fa-instagram { background: #E4405F; } /* Pink IG */ 836 .staff-social a:hover .fa-twitter { background: #1DA1F2; } /* Biru Twitter */ 837 .staff-social a:hover .fa-tiktok { background: #000000; } /* Hitam TikTok */ 838 839 /* Agar background warnanya mengisi lingkaran saat hover */ 840 .staff-social a:hover { 841 background-color: currentColor; /* Trik CSS */ 842 } 843 .staff-social a:hover i { 844 color: white; /* Ikon jadi putih */ 845 } 846
847 @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } 848 849 /* Responsif HP */ 850 @media (max-width: 768px) { 851 .staff-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } 852 .staff-filter-container { display: block; } 853 .btn-all { display: block; margin-top: 10px; width: 100%; text-align: center; } 854 } 855</style> 856
857<script> 858 function filterPeople(category) { 859 var cards = document.getElementsByClassName("staff-card"); 860 var btns = document.getElementsByClassName("filter-btn"); 861 862 // Set Active Button 863 for (var i = 0; i < btns.length; i++) { 864 btns[i].classList.remove("active"); 865 if (btns[i].getAttribute("onclick").includes(category)) { 866 btns[i].classList.add("active"); 867 } 868 } 869 870 // Show/Hide Cards 871 for (var i = 0; i < cards.length; i++) { 872 var cardCategory = cards[i].getAttribute("data-category"); 873 if (category == "all" || cardCategory == category) { 874 cards[i].classList.add("show"); 875 } else { 876 cards[i].classList.remove("show"); 877 } 878 } 879 } 880</script>
880 881 882 883 884<p class="wp-block-paragraph"></p> 885 <nav class="pagination group"> 886 </nav><!--/.pagination--> 887 <div class="clear"></div> 888 </div><!--/.entry--> 889 890 </article> 891 892 893 </div><!--/.hu-pad--> 894 </main><!--/.content--> 895 896 897 <div class="sidebar s1 collapsed" data-position="left" data-layout="col-3cm" data-sb-id="s1"> 898 899 <button class="sidebar-toggle" title="Expand Sidebar"><i class="fas sidebar-toggle-arrows"></i></button> 900 901 <div class="sidebar-content"> 902 903 904 905 906 <div id="nav_menu-6" class="widget widget_nav_menu"><div class="menu-navigasi_kiri-container"><ul id="menu-navigasi_kiri-1" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-37"><a href="#">PROFIL</a> 907<ul class="sub-menu"> 908 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-161"><a href="https://kopertais4.or.id/visi/">VISI DAN MISI</a></li> 909 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-177"><a href="https://kopertais4.or.id/sejarah-singkat/">SEJARAH SINGKAT</a></li> 910 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-181"><a href="https://kopertais4.or.id/sambutan-koordinator/">SAMBUTAN KOORDINATOR</a></li> 911 <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-271 current_page_item menu-item-276"><a href="https://kopertais4.or.id/struktur-organisasi-2/" aria-current="page">STRUKTUR ORGANISASI</a></li> 912</ul> 913</li> 914<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-40"><a href="#">LAYANAN</a> 915<ul class="sub-menu"> 916 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-42"><a href="#">KETENAGAAN</a></li> 917 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43"><a href="#">KELEMBAGAAN</a></li> 918</ul> 919</li> 920<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-44"><a href="#">KEGIATAN</a></li> 921<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-170"><a href="https://kopertais4.or.id/category/pengumuman/">PENGUMUMAN</a></li> 922<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-377"><a target="_blank" href="http://basdat.kopertais4.or.id/">BASIS DATA PTKIS</a></li> 923</ul></div></div><div id="block-11" class="widget widget_block"><div class="people-footer"> 924 <i class="fas fa-users" style="margin-right: 8px;"></i> <a href="https://kopertais4.or.id/struktur-organisasi-2/">PEJABAT</a> 925</div> 926 927<div class="people-list"> 928 929 <div class="person-item"> 930 <div class="person-img"> 931 <img decoding="async" src="http://kopertais4.or.id/wp-content/uploads/2025/12/profil_koordinator.jpg" alt="Foto"> 932 </div> 933 <div class="person-info"> 934 <a href="#" class="person-name">Prof. Akh. Muzakki, Grad. Dip. SEA, M.Ag., M.Phil., Ph.D.</a> 935 <span class="person-role">Koordinator</span> 936 </div> 937 </div> 938 939 <div class="person-item"> 940 <div class="person-img"> 941 <img decoding="async" src="http://kopertais4.or.id/wp-content/uploads/2025/12/profil_wakoor.jpg" alt="Foto"> 942 </div> 943 <div class="person-info"> 944 <a href="#" class="person-name">Dr. H. Sumarkan, M. Ag.</a> 945 <span class="person-role">Wakil Koordinator</span> 946 </div> 947 </div> 948 949 <div class="person-item"> 950 <div class="person-img"> 951 <img decoding="async" src="http://kopertais4.or.id/wp-content/uploads/2025/12/profil_sekretaris.jpg" alt="Foto"> 952 </div> 953 <div class="person-info"> 954 <a href="#" class="person-name">Dr. H. M. Hasan Ubaidillah, SH.I., M.Si.</a> 955 <span class="person-role">Sekretaris</span> 956 </div> 957 </div> 958 959</div> 960 961 962 963<style> 964 /* 1. KUNCI POSISI (FLEXBOX) */ 965 .person-item { 966 display: flex !important; /* Wajib Flex agar sejajar */ 967 align-items: center !important; /* Vertikal: Tengah */ 968 justify-content: flex-start !important; /* Horizontal: Kiri */ 969 margin-bottom: 15px; 970 border-bottom: 1px solid #eee; 971 padding-bottom: 15px; 972 } 973 974 /* 2. PENGATURAN FOTO */ 975 .person-img { 976 flex-shrink: 0; /* Agar foto tidak gepeng */ 977 margin-right: 15px; /* Jarak antara foto & teks */ 978 line-height: 0; /* Hapus celah bawah foto */ 979 } 980 981 .person-img img { 982 width: 65px !important; 983 height: 65px !important; 984 object-fit: cover; 985 border-radius: 50%; /* Bulat */ 986 border: 2px solid #ddd; 987 padding: 2px; /* Jarak putih antara foto dan garis tepi */ 988 margin: 0 !important; /* Hapus margin bawaan tema */ 989 display: block; 990 } 991 992 /* 3. PENGATURAN TEKS (INFO) */ 993 .person-info { 994 flex-grow: 1; /* Isi ruang sisa */ 995 } 996 997 /* Nama Pejabat */ 998 .person-name { 999 display: block; 1000 color: #d35400 !important; /* Merah Bata */ 1001 font-weight: 700 !important; 1002 font-size: 14px !important; 1003 line-height: 1.2 !important; /* Rapat */ 1004 text-decoration: none !important; 1005 margin-bottom: 3px !important; /* Jarak ke jabatan */ 1006 } 1007 1008 .person-name:hover { text-decoration: underline !important; } 1009 1010 /* Jabatan */ 1011 .person-role { 1012 font-size: 12px !important; 1013 color: #666 !important; 1014 line-height: 1.2 !important; 1015 margin: 0 !important; /* Hapus margin agar tidak turun */ 1016 } 1017 1018 /* Tombol Bawah */ 1019 .people-footer a { 1020 display: inline-block; 1021 margin-top: 5px; 1022 margin-bottom: 20px; 1023 color: #d35400; 1024 font-weight: bold; 1025 font-size: 14px; 1026 text-decoration: none; 1027 border-bottom: 1px dotted #d35400; 1028 } 1029</style> 1030 1031<a href="https://disperindag.tabanankab.go.id/" style="display: none;">https://disperindag.tabanankab.go.id/</a> 1032<a href="https://online.bachkhoasaigon.edu.vn/" style="display: none;">
1032https://online.bachkhoasaigon.edu.vn/</a> 1033<a href="https://www.kasisnacks.co.za/shop/" style="display: none;">https://www.kasisnacks.co.za/shop/</a></div> 1034 </div><!--/.sidebar-content--> 1035 1036 </div><!--/.sidebar--> 1037 1038 <div class="sidebar s2 collapsed" data-position="right" data-layout="col-3cm" data-sb-id="s2"> 1039 1040 <button class="sidebar-toggle" title="Expand Sidebar"><i class="fas sidebar-toggle-arrows"></i></button> 1041 1042 <div class="sidebar-content"> 1043 1044 1045 1046 <div id="nav_menu-4" class="widget widget_nav_menu"><div class="menu-navigasi_kanan-container"><ul id="menu-navigasi_kanan" class="menu"><li id="menu-item-172" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-172"><a target="_blank" href="https://ketenagaan2.kopertais4.or.id/">SIMKOPTA</a></li> 1047<li id="menu-item-34" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-34"><a target="_blank" href="https://ejournal.kopertais4.or.id/jurnal.php">e-JOURNAL</a></li> 1048<li id="menu-item-35" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-35"><a target="_blank" href="https://pddikti.kemdiktisaintek.go.id/">PDDIKTI</a></li> 1049<li id="menu-item-36" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-36"><a target="_blank" href="https://emis.kemenag.go.id/">EMIS</a></li> 1050</ul></div></div><div id="block-23" class="widget widget_block"><p> <div id="instagram-gallery-feed-0" class="instagram-gallery-feed" data-feed="{"id":0,"account_id":"25434086389536319","source":"username","tag":"wordpress","order_by":"top_media","layout":"carousel","limit":20,"columns":3,"spacing":10,"lazy":false,"responsive":{"desktop":{"columns":1,"spacing":1},"tablet":{"columns":2,"spacing":8},"mobile":{"columns":1,"spacing":6},"breakpoints":{"tablet":768,"mobile":480}},"aspect_ratio":{"width":1,"height":1},"highlight":{"tag":"","id":"","position":"1,3,5"},"reel":{"hide":false},"copyright":{"hide":false,"placeholder":""},"profile":{"display":false,"username":"","nickname":"","website":"","biography":"","link_text":"Follow","website_text":"Website","avatar":""},"box":{"display":false,"padding":1,"radius":0,"background":"#fefefe","profile":false,"desc":"","text_color":"#000000"},"mask":{"display":false,"background":"#000000","icon_color":"#ffffff","likes_count":true,"comments_count":true},"card":{"display":false,"radius":1,"font_size":12,"background":"#ffffff","background_hover":"","text_color":"#000000","padding":5,"likes_count":false,"text_length":10,"comments_count":false,"text_align":"left"},"carousel":{"centered_slides":false,"autoplay":false,"autoplay_interval":3000,"navarrows":true,"navarrows_color":"","pagination":true,"pagination_color":""},"modal":{"display":true,"profile":true,"media_description":true,"likes_count":true,"comments_count":true,"comments_list":false,"text_align":"left","modal_align":"right","text_length":10000,"font_size":12},"button":{"display":true,"text":"View on Instagram","text_color":"#ffff","background":"","background_hover":""},"button_load":{"display":false,"text":"Load more...","text_color":"#ffff","background":"","background_hover":""}}"> 1051 <!-- <FeedContainer/> --> 1052 </div> 1053 </p> 1054</div> 1055 </div><!--/.sidebar-content--> 1056 1057</div><!--/.sidebar--> 1058 1059 </div><!--/.main-inner--> 1060 </div><!--/.main--> 1061 </div><!--/.container-inner--> 1062 </div><!--/.container--> 1063 <footer id="footer"> 1064 1065 1066 1067 1068 <section class="container" id="footer-bottom"> 1069 <div class="container-inner"> 1070 1071 <a id="back-to-top" href="#"><i class="fas fa-angle-up"></i></a> 1072 1073 <div class="hu-pad group"> 1074 1075 <div class="grid one-half"> 1076 1077 <div id="copyright"> 1078 <p>Kopertais Wilayah IV © 2026. All Rights Reserved.</p> 1079 </div><!--/#copyright--> 1080 1081 1082 </div> 1083 1084 <div class="grid one-half last"> 1085 <ul class="social-links"><li><a rel="nofollow noopener noreferrer" class="social-tooltip" title="Follow us on Email" aria-label="Follow us on Email" href="http://[email protected]" target="_blank" ><i class="fas fa-envelope"></i></a></li><li><a rel="nofollow noopener noreferrer" class="social-tooltip" title="Follow us on Instagram" aria-label="Follow us on Instagram" href="https://www.instagram.com/kopertais_wil_iv/?hl=en" target="_blank" ><i class="fab fa-instagram"></i></a></li><li><a rel="nofollow noopener noreferrer" class="social-tooltip" title="Follow us on Twitter" aria-label="Follow us on Twitter" href="javascript:void(0)" target="_blank" ><i class="fab fa-twitter"></i></a></li><li><a rel="nofollow noopener noreferrer" class="social-tooltip" title="Follow us on Tiktok" aria-label="Follow us on Tiktok" href="javascript:void(0)" target="_blank" ><i class="fab fa-tiktok"></i></a></li></ul> </div> 1086 1087 </div><!--/.hu-pad--> 1088 1089 </div><!--/.container-inner--> 1090 </section><!--/.container--> 1091 1092 </footer><!--/#footer--> 1093 1094</div><!--/#wrapper--> 1095
1096<script type="speculationrules"> 1097{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hueman/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 1098</script>
vendor: 1 bytes, line 1098
1098
1099<script id="underscore-js" src="https://kopertais4.or.id/wp-includes/js/underscore.min.js?ver=1.13.8"></script>
vendor: 1 bytes, line 1099
1099
1100<script id="hu-front-scripts-js-extra"> 1101var HUParams = {"_disabled":[],"SmoothScroll":{"Enabled":false,"Options":{"touchpadSupport":false}},"centerAllImg":"1","timerOnScrollAllBrowsers":"1","extLinksStyle":"1","extLinksTargetExt":"1","extLinksSkipSelectors":{"classes":["btn","button"],"ids":[]},"imgSmartLoadEnabled":"","imgSmartLoadOpts":{"parentSelectors":[".container .content",".post-row",".container .sidebar","#footer","#header-widgets"],"opts":{"excludeImg":[".tc-holder-img"],"fadeIn_options":100,"threshold":0}},"goldenRatio":"1.618","gridGoldenRatioLimit":"350","sbStickyUserSettings":{"desktop":false,"mobile":false},"sidebarOneWidth":"340","sidebarTwoWidth":"260","isWPMobile":"","menuStickyUserSettings":{"desktop":"stick_up","mobile":"stick_up"},"mobileSubmenuExpandOnClick":"1","submenuTogglerIcon":"\u003Ci class=\"fas fa-angle-down\"\u003E\u003C/i\u003E","isDevMode":"","ajaxUrl":"https://kopertais4.or.id/?huajax=1","frontNonce":{"id":"HuFrontNonce","handle":"5801546e42"},"isWelcomeNoteOn":"","welcomeContent":"","i18n":{"collapsibleExpand":"Expand","collapsibleCollapse":"Collapse"},"deferFontAwesome":"","fontAwesomeUrl":"https://kopertais4.or.id/wp-content/themes/hueman/assets/front/css/font-awesome.min.css?3.7.27","mainScriptUrl":"https://kopertais4.or.id/wp-content/themes/hueman/assets/front/js/scripts.min.js?3.7.27","flexSliderNeeded":"","flexSliderOptions":{"is_rtl":false,"has_touch_support":true,"is_slideshow":true,"slideshow_speed":5000}}; 1102//# sourceURL=hu-front-scripts-js-extra 1103</script>
vendor: 1 bytes, line 1103
1103
1104<script id="hu-front-scripts-js" src="https://kopertais4.or.id/wp-content/themes/hueman/assets/front/js/scripts.min.js?ver=3.7.27" defer></script>
vendor: 1 bytes, line 1104
1104
1105<script id="qligg-swiper-js" src="https://kopertais4.or.id/wp-content/plugins/insta-gallery/assets/frontend/swiper/swiper.min.js?ver=5.0.8"></script>
vendor: 1 bytes, line 1105
1105
1106<script id="react-js" src="https://kopertais4.or.id/wp-includes/js/dist/vendor/react.min.js?ver=18.3.1.1"></script>
vendor: 1 bytes, line 1106
1106
1107<script id="qligg-frontend-js-extra"> 1108var qligg_frontend = {"QLIGG_DEVELOPER":"","restRoutePaths":{"username":"https://kopertais4.or.id/wp-json/quadlayers/instagram/frontend/user-media","tag":"https://kopertais4.or.id/wp-json/quadlayers/instagram/frontend/hashtag-media","tagged":"https://kopertais4.or.id/wp-json/quadlayers/instagram/frontend/tagged-media","stories":"https://kopertais4.or.id/wp-json/quadlayers/instagram/frontend/user-stories","comments":"https://kopertais4.or.id/wp-json/quadlayers/instagram/frontend/media-comments","userprofile":"https://kopertais4.or.id/wp-json/quadlayers/instagram/frontend/user-profile"}}; 1109//# sourceURL=qligg-frontend-js-extra 1110</script>
vendor: 1 bytes, line 1110
1110
1111<script id="qligg-frontend-js" src="https://kopertais4.or.id/wp-content/plugins/insta-gallery/build/frontend/js/index.js?ver=afd21fc3cb730c2a9dd7"></script>
vendor: 1 bytes, line 1111
1111
1112<script id="wp-emoji-settings" type="application/json"> 1113{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://kopertais4.or.id/wp-includes/js/wp-emoji-release.min.js?ver=7.1"}} 1114</script>
vendor: 1 bytes, line 1114
1114
1115<script type="module"> 1116/*! This file is auto-generated */ 1117var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 1118//# sourceURL=https://kopertais4.or.id/wp-includes/js/wp-emoji-loader.min.js 1119</script>
1119 1120<!--[if lt IE 9]>
1121<script src="https://kopertais4.or.id/wp-content/themes/hueman/assets/front/js/ie/respond.js"></script>
1121 1122<![endif]--> 1123</body> 1124</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.