Dosen & Staff \u2013 D4 Kosmetik & Perawatan Kecantikan FT UNJ<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n:root{\r\n --navy: #1B3A6B;\r\n --blue: #2456A4;\r\n --sky: #3A7BD5;\r\n --pale: #EBF2FF;\r\n --ice: #F4F8FF;\r\n --gold: #F5A623;\r\n --white: #FFFFFF;\r\n --text: #1A2340;\r\n --mid: #4A5878;\r\n --muted: #8898B8;\r\n --border: #D6E2F5;\r\n --ff: 'Plus Jakarta Sans', sans-serif;\r\n --radius: 16px;\r\n --shadow: 0 4px 24px rgba(27,58,107,.10);\r\n --shadow-hover: 0 16px 48px rgba(27,58,107,.18);\r\n}\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\nhtml{scroll-behavior:smooth}\r\nbody{font-family:var(--ff);background:var(--ice);color:var(--text);overflow-x:hidden}\r\nimg{display:block;max-width:100%}\r\n\r\n\/* \u2550\u2550\u2550 PAGE HERO \u2550\u2550\u2550 *\/\r\n.page-hero{\r\n background:linear-gradient(135deg,var(--navy) 0%,var(--blue) 55%,var(--sky) 100%);\r\n padding:64px 40px 56px;\r\n text-align:center;\r\n position:relative;overflow:hidden;\r\n}\r\n.page-hero::before{\r\n content:'';position:absolute;\r\n width:480px;height:480px;border-radius:50%;\r\n background:rgba(255,255,255,.05);\r\n top:-180px;right:-80px;\r\n}\r\n.page-hero::after{\r\n content:'';position:absolute;\r\n width:300px;height:300px;border-radius:50%;\r\n background:rgba(255,255,255,.04);\r\n bottom:-120px;left:-60px;\r\n}\r\n.hero-inner{position:relative;z-index:1;max-width:680px;margin:0 auto}\r\n.hero-eyebrow{\r\n display:inline-flex;align-items:center;gap:8px;\r\n font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;\r\n color:rgba(255,255,255,.75);\r\n background:rgba(255,255,255,.12);\r\n padding:6px 18px;border-radius:999px;margin-bottom:20px;\r\n}\r\n.hero-title{\r\n font-size:clamp(2rem,5vw,3rem);font-weight:800;\r\n color:var(--white);line-height:1.15;margin-bottom:14px;\r\n}\r\n.hero-title em{font-style:italic;color:rgba(255,255,255,.8)}\r\n.hero-sub{\r\n font-size:1rem;color:rgba(255,255,255,.75);\r\n line-height:1.7;max-width:500px;margin:0 auto;\r\n}\r\n\r\n\/* breadcrumb *\/\r\n.breadcrumb{\r\n background:var(--white);\r\n border-bottom:1px solid var(--border);\r\n padding:12px 48px;\r\n display:flex;align-items:center;gap:8px;\r\n font-size:.8rem;color:var(--muted);\r\n}\r\n.breadcrumb a{color:var(--blue);font-weight:600;text-decoration:none}\r\n.breadcrumb a:hover{text-decoration:underline}\r\n.breadcrumb span{color:var(--mid)}\r\n\r\n\/* \u2550\u2550\u2550 MAIN WRAP \u2550\u2550\u2550 *\/\r\n.main{max-width:1200px;margin:0 auto;padding:52px 40px 72px}\r\n\r\n\/* section header *\/\r\n.section-hd{\r\n display:flex;align-items:center;gap:16px;\r\n margin-bottom:36px;\r\n}\r\n.section-hd-bar{width:5px;height:36px;background:var(--blue);border-radius:3px;flex-shrink:0}\r\n.section-hd-text{}\r\n.section-hd-label{\r\n font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;\r\n color:var(--blue);margin-bottom:4px;\r\n}\r\n.section-hd-title{\r\n font-size:1.55rem;font-weight:800;color:var(--navy);line-height:1.2;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 DOSEN GRID \u2550\u2550\u2550 *\/\r\n.dosen-grid{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fill,minmax(260px,1fr));\r\n gap:22px;\r\n margin-bottom:64px;\r\n}\r\n\r\n.dosen-card{\r\n background:var(--white);\r\n border-radius:var(--radius);\r\n overflow:hidden;\r\n box-shadow:var(--shadow);\r\n border:1px solid var(--border);\r\n transition:transform .25s,box-shadow .25s;\r\n position:relative;\r\n}\r\n.dosen-card:hover{\r\n transform:translateY(-6px);\r\n box-shadow:var(--shadow-hover);\r\n}\r\n\r\n\/* top accent bar *\/\r\n.dosen-card::before{\r\n content:'';\r\n position:absolute;top:0;left:0;right:0;\r\n height:4px;\r\n background:linear-gradient(90deg,var(--navy),var(--sky));\r\n}\r\n\r\n.dosen-avatar-wrap{\r\n padding:28px 24px 0;\r\n display:flex;align-items:flex-start;gap:16px;\r\n}\r\n.dosen-avatar{\r\n width:72px;height:72px;border-radius:50%;\r\n background:linear-gradient(135deg,var(--pale),#c7dcff);\r\n border:3px solid var(--border);\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:1.9rem;flex-shrink:0;\r\n position:relative;overflow:hidden;\r\n}\r\n.dosen-avatar-info{}\r\n.dosen-badge{\r\n display:inline-block;\r\n font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;\r\n color:var(--blue);background:var(--pale);\r\n padding:3px 10px;border-radius:999px;\r\n border:1px solid var(--border);\r\n margin-bottom:6px;\r\n}\r\n\r\n.dosen-body{padding:14px 24px 24px;}\r\n.dosen-name{\r\n font-size:1.02rem;font-weight:800;color:var(--navy);\r\n line-height:1.3;margin-bottom:6px;\r\n}\r\n.dosen-nidn-wrap{\r\n display:flex;align-items:center;gap:6px;\r\n font-size:.75rem;color:var(--muted);margin-bottom:14px;\r\n}\r\n.nidn-ico{\r\n width:22px;height:22px;border-radius:6px;\r\n background:var(--pale);\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:.7rem;flex-shrink:0;\r\n}\r\n.dosen-divider{height:1px;background:var(--border);margin-bottom:14px}\r\n.dosen-links{display:flex;gap:8px}\r\n.dosen-link{\r\n flex:1;\r\n display:flex;align-items:center;justify-content:center;gap:5px;\r\n font-size:.72rem;font-weight:700;\r\n padding:7px 0;border-radius:8px;\r\n background:var(--pale);color:var(--blue);\r\n text-decoration:none;\r\n border:1px solid var(--border);\r\n transition:background .2s,color .2s;\r\n}\r\n.dosen-link:hover{background:var(--blue);color:var(--white);border-color:var(--blue)}\r\n\r\n\/* PROFESSOR CARD highlight *\/\r\n.dosen-card.professor::before{\r\n background:linear-gradient(90deg,var(--gold),#f7c85e);\r\n}\r\n.dosen-card.professor .dosen-badge{\r\n background:#FFF8E6;color:#92650A;border-color:#f5d87a;\r\n}\r\n.dosen-card.professor .dosen-avatar{\r\n background:linear-gradient(135deg,#FFF8E6,#fde8a5);\r\n border-color:#f5d87a;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 STAFF SECTION \u2550\u2550\u2550 *\/\r\n.staff-grid{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fill,minmax(300px,1fr));\r\n gap:20px;\r\n}\r\n.staff-card{\r\n background:var(--white);\r\n border-radius:var(--radius);\r\n padding:24px;\r\n box-shadow:var(--shadow);\r\n border:1px solid var(--border);\r\n display:flex;align-items:center;gap:20px;\r\n transition:transform .22s,box-shadow .22s;\r\n}\r\n.staff-card:hover{\r\n transform:translateY(-4px);\r\n box-shadow:var(--shadow-hover);\r\n}\r\n.staff-avatar{\r\n width:60px;height:60px;border-radius:14px;\r\n background:linear-gradient(135deg,var(--pale),#c7dcff);\r\n border:2px solid var(--border);\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:1.6rem;flex-shrink:0;\r\n}\r\n.staff-name{\r\n font-size:.97rem;font-weight:800;color:var(--navy);margin-bottom:4px;\r\n}\r\n.staff-role{\r\n display:inline-block;\r\n font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;\r\n color:var(--sky);background:var(--pale);\r\n padding:3px 10px;border-radius:999px;\r\n border:1px solid var(--border);\r\n}\r\n\r\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\r\n@media(max-width:640px){\r\n .main{padding:32px 16px 48px}\r\n .breadcrumb{padding:12px 16px}\r\n .page-hero{padding:48px 20px 40px}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div class=\"page-hero\">\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-eyebrow\">\ud83d\udccb Sumber Daya Manusia<\/div>\r\n <h1 class=\"hero-title\">Dosen & Staff<br><em>Program Studi<\/em><\/h1>\r\n <p class=\"hero-sub\">Tenaga pendidik dan kependidikan profesional yang berdedikasi dalam pengembangan ilmu kosmetik dan perawatan kecantikan.<\/p>\r\n <\/div>\r\n<\/div>\r\n<div class=\"main\">\r\n\r\n \r\n <div class=\"section-hd\">\r\n <div class=\"section-hd-bar\"><\/div>\r\n <div class=\"section-hd-text\">\r\n <div class=\"section-hd-label\">Tenaga Pendidik<\/div>\r\n <div class=\"section-hd-title\">Dosen Program Studi<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dosen-grid\">\r\n\r\n \r\n <div class=\"dosen-card\">\r\n <div class=\"dosen-avatar-wrap\">\r\n <div class=\"dosen-avatar\">\ud83d\udc69\u200d\ud83c\udfeb<\/div>\r\n <div class=\"dosen-avatar-info\">\r\n <span class=\"dosen-badge\">Dosen Tetap<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dosen-body\">\r\n <div class=\"dosen-name\">Titin Supiani, M.Pd.<\/div>\r\n <div class=\"dosen-nidn-wrap\">\r\n <span class=\"nidn-ico\">\ud83e\udeaa<\/span>\r\n NIDN 197101011997022001\r\n <\/div>\r\n <div class=\"dosen-divider\"><\/div>\r\n <div class=\"dosen-links\">\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udcc4 Profil<\/a>\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udd2c Penelitian<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dosen-card\">\r\n <div class=\"dosen-avatar-wrap\">\r\n <div class=\"dosen-avatar\">\ud83d\udc69\u200d\ud83c\udfeb<\/div>\r\n <div class=\"dosen-avatar-info\">\r\n <span class=\"dosen-badge\">Dosen Tetap<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dosen-body\">\r\n <div class=\"dosen-name\">Dra. Lilis Jubaedah, M.Kes.<\/div>\r\n <div class=\"dosen-nidn-wrap\">\r\n <span class=\"nidn-ico\">\ud83e\udeaa<\/span>\r\n NIDN 196709291993032001\r\n <\/div>\r\n <div class=\"dosen-divider\"><\/div>\r\n <div class=\"dosen-links\">\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udcc4 Profil<\/a>\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udd2c Penelitian<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dosen-card\">\r\n <div class=\"dosen-avatar-wrap\">\r\n <div class=\"dosen-avatar\">\ud83d\udc69\u200d\ud83c\udfeb<\/div>\r\n <div class=\"dosen-avatar-info\">\r\n <span class=\"dosen-badge\">Dosen Tetap<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dosen-body\">\r\n <div class=\"dosen-name\">Dra. Mari Okatini Armandari, M.K.M.<\/div>\r\n <div class=\"dosen-nidn-wrap\">\r\n <span class=\"nidn-ico\">\ud83e\udeaa<\/span>\r\n NIDN 196710091993032001\r\n <\/div>\r\n <div class=\"dosen-divider\"><\/div>\r\n <div class=\"dosen-links\">\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udcc4 Profil<\/a>\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udd2c Penelitian<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dosen-card\">\r\n <div class=\"dosen-avatar-wrap\">\r\n <div class=\"dosen-avatar\">\ud83d\udc69\u200d\u2695\ufe0f<\/div>\r\n <div class=\"dosen-avatar-info\">\r\n <span class=\"dosen-badge\">Dosen Tetap<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dosen-body\">\r\n <div class=\"dosen-name\">dr. Elvyra Yulia, Sp.Ak.<\/div>\r\n <div class=\"dosen-nidn-wrap\">\r\n <span class=\"nidn-ico\">\ud83e\udeaa<\/span>\r\n NIDN 196810231998022001\r\n <\/div>\r\n <div class=\"dosen-divider\"><\/div>\r\n <div class=\"dosen-links\">\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udcc4 Profil<\/a>\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udd2c Penelitian<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dosen-card\">\r\n <div class=\"dosen-avatar-wrap\">\r\n <div class=\"dosen-avatar\">\ud83d\udc69\u200d\ud83c\udfeb<\/div>\r\n <div class=\"dosen-avatar-info\">\r\n <span class=\"dosen-badge\">Dosen Tetap<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dosen-body\">\r\n <div class=\"dosen-name\">Nurina Ayuningtyas, M.Pd.<\/div>\r\n <div class=\"dosen-nidn-wrap\">\r\n <span class=\"nidn-ico\">\ud83e\udeaa<\/span>\r\n NIDN 198506162015042001\r\n <\/div>\r\n <div class=\"dosen-divider\"><\/div>\r\n <div class=\"dosen-links\">\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udcc4 Profil<\/a>\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udd2c Penelitian<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dosen-card professor\">\r\n <div class=\"dosen-avatar-wrap\">\r\n <div class=\"dosen-avatar\">\ud83c\udfc5<\/div>\r\n <div class=\"dosen-avatar-info\">\r\n <span class=\"dosen-badge\">Guru Besar \/ Profesor<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dosen-body\">\r\n <div class=\"dosen-name\">Prof. Dr. Neneng Siti Silfi Ambarwati, S.Si., Apt., M.Si.<\/div>\r\n <div class=\"dosen-nidn-wrap\">\r\n <span class=\"nidn-ico\">\ud83e\udeaa<\/span>\r\n NIDN 197202292005012005\r\n <\/div>\r\n <div class=\"dosen-divider\"><\/div>\r\n <div class=\"dosen-links\">\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udcc4 Profil<\/a>\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udd2c Penelitian<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dosen-card\">\r\n <div class=\"dosen-avatar-wrap\">\r\n <div class=\"dosen-avatar\">\ud83d\udc69\u200d\ud83c\udfeb<\/div>\r\n <div class=\"dosen-avatar-info\">\r\n <span class=\"dosen-badge\">Dosen Tetap<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dosen-body\">\r\n <div class=\"dosen-name\">Miftahur Rizkiah, M.Pd.<\/div>\r\n <div class=\"dosen-nidn-wrap\">\r\n <span class=\"nidn-ico\">\ud83e\udeaa<\/span>\r\n NIDN 199612202025062009\r\n <\/div>\r\n <div class=\"dosen-divider\"><\/div>\r\n <div class=\"dosen-links\">\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udcc4 Profil<\/a>\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udd2c Penelitian<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dosen-card\">\r\n <div class=\"dosen-avatar-wrap\">\r\n <div class=\"dosen-avatar\">\ud83d\udc69\u200d\ud83d\udcbc<\/div>\r\n <div class=\"dosen-avatar-info\">\r\n <span class=\"dosen-badge\">Dosen Tetap<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dosen-body\">\r\n <div class=\"dosen-name\">Risky Mezi Muria, S.Akun., M.Ak.<\/div>\r\n <div class=\"dosen-nidn-wrap\">\r\n <span class=\"nidn-ico\">\ud83e\udeaa<\/span>\r\n NIDN 199712162025062010\r\n <\/div>\r\n <div class=\"dosen-divider\"><\/div>\r\n <div class=\"dosen-links\">\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udcc4 Profil<\/a>\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udd2c Penelitian<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"section-hd\">\r\n <div class=\"section-hd-bar\" style=\"background:var(--gold)\"><\/div>\r\n <div class=\"section-hd-text\">\r\n <div class=\"section-hd-label\" style=\"color:var(--gold)\">Tenaga Kependidikan<\/div>\r\n <div class=\"section-hd-title\">Staff Program Studi<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"staff-grid\">\r\n\r\n <div class=\"staff-card\">\r\n <div class=\"staff-avatar\">\ud83d\udc68\u200d\ud83d\udcbc<\/div>\r\n <div>\r\n <div class=\"staff-name\">Priyono, S.Pd.<\/div>\r\n <span class=\"staff-role\">Tenaga Kependidikan<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"staff-card\">\r\n <div class=\"staff-avatar\">\ud83d\udc69\u200d\ud83d\udcbc<\/div>\r\n <div>\r\n <div class=\"staff-name\">Vivi Kurniawati, S.Ap.<\/div>\r\n <span class=\"staff-role\">Tenaga Kependidikan<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"staff-card\">\r\n <div class=\"staff-avatar\">\ud83d\udc69\u200d\ud83d\udcbc<\/div>\r\n <div>\r\n <div class=\"staff-name\">Siti Aisyah<\/div>\r\n <span class=\"staff-role\">Tenaga Kependidikan<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dosen & Staff \u2013 D4 Kosmetik & Perawatan Kecantikan FT UNJ \ud83d\udccb Sumber Daya Manusia Dosen & StaffProgram Studi Tenaga pendidik dan kependidikan profesional yang berdedikasi dalam pengembangan ilmu kosmetik dan perawatan kecantikan. Tenaga Pendidik Dosen Program Studi \ud83d\udc69\u200d\ud83c\udfeb Dosen Tetap Titin Supiani, M.Pd. \ud83e\udeaa NIDN 197101011997022001 \ud83d\udcc4 Profil \ud83d\udd2c Penelitian \ud83d\udc69\u200d\ud83c\udfeb Dosen Tetap Dra. […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/pages\/40"}],"collection":[{"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=40"}],"version-history":[{"count":18,"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":597,"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions\/597"}],"wp:attachment":[{"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n\r\n\r\nDosen & Staff \u2013 D4 Kosmetik & Perawatan Kecantikan FT UNJ<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n:root{\r\n --navy: #1B3A6B;\r\n --blue: #2456A4;\r\n --sky: #3A7BD5;\r\n --pale: #EBF2FF;\r\n --ice: #F4F8FF;\r\n --gold: #F5A623;\r\n --white: #FFFFFF;\r\n --text: #1A2340;\r\n --mid: #4A5878;\r\n --muted: #8898B8;\r\n --border: #D6E2F5;\r\n --ff: 'Plus Jakarta Sans', sans-serif;\r\n --radius: 16px;\r\n --shadow: 0 4px 24px rgba(27,58,107,.10);\r\n --shadow-hover: 0 16px 48px rgba(27,58,107,.18);\r\n}\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\nhtml{scroll-behavior:smooth}\r\nbody{font-family:var(--ff);background:var(--ice);color:var(--text);overflow-x:hidden}\r\nimg{display:block;max-width:100%}\r\n\r\n\/* \u2550\u2550\u2550 PAGE HERO \u2550\u2550\u2550 *\/\r\n.page-hero{\r\n background:linear-gradient(135deg,var(--navy) 0%,var(--blue) 55%,var(--sky) 100%);\r\n padding:64px 40px 56px;\r\n text-align:center;\r\n position:relative;overflow:hidden;\r\n}\r\n.page-hero::before{\r\n content:'';position:absolute;\r\n width:480px;height:480px;border-radius:50%;\r\n background:rgba(255,255,255,.05);\r\n top:-180px;right:-80px;\r\n}\r\n.page-hero::after{\r\n content:'';position:absolute;\r\n width:300px;height:300px;border-radius:50%;\r\n background:rgba(255,255,255,.04);\r\n bottom:-120px;left:-60px;\r\n}\r\n.hero-inner{position:relative;z-index:1;max-width:680px;margin:0 auto}\r\n.hero-eyebrow{\r\n display:inline-flex;align-items:center;gap:8px;\r\n font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;\r\n color:rgba(255,255,255,.75);\r\n background:rgba(255,255,255,.12);\r\n padding:6px 18px;border-radius:999px;margin-bottom:20px;\r\n}\r\n.hero-title{\r\n font-size:clamp(2rem,5vw,3rem);font-weight:800;\r\n color:var(--white);line-height:1.15;margin-bottom:14px;\r\n}\r\n.hero-title em{font-style:italic;color:rgba(255,255,255,.8)}\r\n.hero-sub{\r\n font-size:1rem;color:rgba(255,255,255,.75);\r\n line-height:1.7;max-width:500px;margin:0 auto;\r\n}\r\n\r\n\/* breadcrumb *\/\r\n.breadcrumb{\r\n background:var(--white);\r\n border-bottom:1px solid var(--border);\r\n padding:12px 48px;\r\n display:flex;align-items:center;gap:8px;\r\n font-size:.8rem;color:var(--muted);\r\n}\r\n.breadcrumb a{color:var(--blue);font-weight:600;text-decoration:none}\r\n.breadcrumb a:hover{text-decoration:underline}\r\n.breadcrumb span{color:var(--mid)}\r\n\r\n\/* \u2550\u2550\u2550 MAIN WRAP \u2550\u2550\u2550 *\/\r\n.main{max-width:1200px;margin:0 auto;padding:52px 40px 72px}\r\n\r\n\/* section header *\/\r\n.section-hd{\r\n display:flex;align-items:center;gap:16px;\r\n margin-bottom:36px;\r\n}\r\n.section-hd-bar{width:5px;height:36px;background:var(--blue);border-radius:3px;flex-shrink:0}\r\n.section-hd-text{}\r\n.section-hd-label{\r\n font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;\r\n color:var(--blue);margin-bottom:4px;\r\n}\r\n.section-hd-title{\r\n font-size:1.55rem;font-weight:800;color:var(--navy);line-height:1.2;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 DOSEN GRID \u2550\u2550\u2550 *\/\r\n.dosen-grid{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fill,minmax(260px,1fr));\r\n gap:22px;\r\n margin-bottom:64px;\r\n}\r\n\r\n.dosen-card{\r\n background:var(--white);\r\n border-radius:var(--radius);\r\n overflow:hidden;\r\n box-shadow:var(--shadow);\r\n border:1px solid var(--border);\r\n transition:transform .25s,box-shadow .25s;\r\n position:relative;\r\n}\r\n.dosen-card:hover{\r\n transform:translateY(-6px);\r\n box-shadow:var(--shadow-hover);\r\n}\r\n\r\n\/* top accent bar *\/\r\n.dosen-card::before{\r\n content:'';\r\n position:absolute;top:0;left:0;right:0;\r\n height:4px;\r\n background:linear-gradient(90deg,var(--navy),var(--sky));\r\n}\r\n\r\n.dosen-avatar-wrap{\r\n padding:28px 24px 0;\r\n display:flex;align-items:flex-start;gap:16px;\r\n}\r\n.dosen-avatar{\r\n width:72px;height:72px;border-radius:50%;\r\n background:linear-gradient(135deg,var(--pale),#c7dcff);\r\n border:3px solid var(--border);\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:1.9rem;flex-shrink:0;\r\n position:relative;overflow:hidden;\r\n}\r\n.dosen-avatar-info{}\r\n.dosen-badge{\r\n display:inline-block;\r\n font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;\r\n color:var(--blue);background:var(--pale);\r\n padding:3px 10px;border-radius:999px;\r\n border:1px solid var(--border);\r\n margin-bottom:6px;\r\n}\r\n\r\n.dosen-body{padding:14px 24px 24px;}\r\n.dosen-name{\r\n font-size:1.02rem;font-weight:800;color:var(--navy);\r\n line-height:1.3;margin-bottom:6px;\r\n}\r\n.dosen-nidn-wrap{\r\n display:flex;align-items:center;gap:6px;\r\n font-size:.75rem;color:var(--muted);margin-bottom:14px;\r\n}\r\n.nidn-ico{\r\n width:22px;height:22px;border-radius:6px;\r\n background:var(--pale);\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:.7rem;flex-shrink:0;\r\n}\r\n.dosen-divider{height:1px;background:var(--border);margin-bottom:14px}\r\n.dosen-links{display:flex;gap:8px}\r\n.dosen-link{\r\n flex:1;\r\n display:flex;align-items:center;justify-content:center;gap:5px;\r\n font-size:.72rem;font-weight:700;\r\n padding:7px 0;border-radius:8px;\r\n background:var(--pale);color:var(--blue);\r\n text-decoration:none;\r\n border:1px solid var(--border);\r\n transition:background .2s,color .2s;\r\n}\r\n.dosen-link:hover{background:var(--blue);color:var(--white);border-color:var(--blue)}\r\n\r\n\/* PROFESSOR CARD highlight *\/\r\n.dosen-card.professor::before{\r\n background:linear-gradient(90deg,var(--gold),#f7c85e);\r\n}\r\n.dosen-card.professor .dosen-badge{\r\n background:#FFF8E6;color:#92650A;border-color:#f5d87a;\r\n}\r\n.dosen-card.professor .dosen-avatar{\r\n background:linear-gradient(135deg,#FFF8E6,#fde8a5);\r\n border-color:#f5d87a;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 STAFF SECTION \u2550\u2550\u2550 *\/\r\n.staff-grid{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fill,minmax(300px,1fr));\r\n gap:20px;\r\n}\r\n.staff-card{\r\n background:var(--white);\r\n border-radius:var(--radius);\r\n padding:24px;\r\n box-shadow:var(--shadow);\r\n border:1px solid var(--border);\r\n display:flex;align-items:center;gap:20px;\r\n transition:transform .22s,box-shadow .22s;\r\n}\r\n.staff-card:hover{\r\n transform:translateY(-4px);\r\n box-shadow:var(--shadow-hover);\r\n}\r\n.staff-avatar{\r\n width:60px;height:60px;border-radius:14px;\r\n background:linear-gradient(135deg,var(--pale),#c7dcff);\r\n border:2px solid var(--border);\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:1.6rem;flex-shrink:0;\r\n}\r\n.staff-name{\r\n font-size:.97rem;font-weight:800;color:var(--navy);margin-bottom:4px;\r\n}\r\n.staff-role{\r\n display:inline-block;\r\n font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;\r\n color:var(--sky);background:var(--pale);\r\n padding:3px 10px;border-radius:999px;\r\n border:1px solid var(--border);\r\n}\r\n\r\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\r\n@media(max-width:640px){\r\n .main{padding:32px 16px 48px}\r\n .breadcrumb{padding:12px 16px}\r\n .page-hero{padding:48px 20px 40px}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div class=\"page-hero\">\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-eyebrow\">\ud83d\udccb Sumber Daya Manusia<\/div>\r\n <h1 class=\"hero-title\">Dosen & Staff<br><em>Program Studi<\/em><\/h1>\r\n <p class=\"hero-sub\">Tenaga pendidik dan kependidikan profesional yang berdedikasi dalam pengembangan ilmu kosmetik dan perawatan kecantikan.<\/p>\r\n <\/div>\r\n<\/div>\r\n<div class=\"main\">\r\n\r\n \r\n <div class=\"section-hd\">\r\n <div class=\"section-hd-bar\"><\/div>\r\n <div class=\"section-hd-text\">\r\n <div class=\"section-hd-label\">Tenaga Pendidik<\/div>\r\n <div class=\"section-hd-title\">Dosen Program Studi<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dosen-grid\">\r\n\r\n \r\n <div class=\"dosen-card\">\r\n <div class=\"dosen-avatar-wrap\">\r\n <div class=\"dosen-avatar\">\ud83d\udc69\u200d\ud83c\udfeb<\/div>\r\n <div class=\"dosen-avatar-info\">\r\n <span class=\"dosen-badge\">Dosen Tetap<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dosen-body\">\r\n <div class=\"dosen-name\">Titin Supiani, M.Pd.<\/div>\r\n <div class=\"dosen-nidn-wrap\">\r\n <span class=\"nidn-ico\">\ud83e\udeaa<\/span>\r\n NIDN 197101011997022001\r\n <\/div>\r\n <div class=\"dosen-divider\"><\/div>\r\n <div class=\"dosen-links\">\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udcc4 Profil<\/a>\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udd2c Penelitian<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dosen-card\">\r\n <div class=\"dosen-avatar-wrap\">\r\n <div class=\"dosen-avatar\">\ud83d\udc69\u200d\ud83c\udfeb<\/div>\r\n <div class=\"dosen-avatar-info\">\r\n <span class=\"dosen-badge\">Dosen Tetap<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dosen-body\">\r\n <div class=\"dosen-name\">Dra. Lilis Jubaedah, M.Kes.<\/div>\r\n <div class=\"dosen-nidn-wrap\">\r\n <span class=\"nidn-ico\">\ud83e\udeaa<\/span>\r\n NIDN 196709291993032001\r\n <\/div>\r\n <div class=\"dosen-divider\"><\/div>\r\n <div class=\"dosen-links\">\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udcc4 Profil<\/a>\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udd2c Penelitian<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dosen-card\">\r\n <div class=\"dosen-avatar-wrap\">\r\n <div class=\"dosen-avatar\">\ud83d\udc69\u200d\ud83c\udfeb<\/div>\r\n <div class=\"dosen-avatar-info\">\r\n <span class=\"dosen-badge\">Dosen Tetap<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dosen-body\">\r\n <div class=\"dosen-name\">Dra. Mari Okatini Armandari, M.K.M.<\/div>\r\n <div class=\"dosen-nidn-wrap\">\r\n <span class=\"nidn-ico\">\ud83e\udeaa<\/span>\r\n NIDN 196710091993032001\r\n <\/div>\r\n <div class=\"dosen-divider\"><\/div>\r\n <div class=\"dosen-links\">\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udcc4 Profil<\/a>\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udd2c Penelitian<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dosen-card\">\r\n <div class=\"dosen-avatar-wrap\">\r\n <div class=\"dosen-avatar\">\ud83d\udc69\u200d\u2695\ufe0f<\/div>\r\n <div class=\"dosen-avatar-info\">\r\n <span class=\"dosen-badge\">Dosen Tetap<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dosen-body\">\r\n <div class=\"dosen-name\">dr. Elvyra Yulia, Sp.Ak.<\/div>\r\n <div class=\"dosen-nidn-wrap\">\r\n <span class=\"nidn-ico\">\ud83e\udeaa<\/span>\r\n NIDN 196810231998022001\r\n <\/div>\r\n <div class=\"dosen-divider\"><\/div>\r\n <div class=\"dosen-links\">\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udcc4 Profil<\/a>\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udd2c Penelitian<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dosen-card\">\r\n <div class=\"dosen-avatar-wrap\">\r\n <div class=\"dosen-avatar\">\ud83d\udc69\u200d\ud83c\udfeb<\/div>\r\n <div class=\"dosen-avatar-info\">\r\n <span class=\"dosen-badge\">Dosen Tetap<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dosen-body\">\r\n <div class=\"dosen-name\">Nurina Ayuningtyas, M.Pd.<\/div>\r\n <div class=\"dosen-nidn-wrap\">\r\n <span class=\"nidn-ico\">\ud83e\udeaa<\/span>\r\n NIDN 198506162015042001\r\n <\/div>\r\n <div class=\"dosen-divider\"><\/div>\r\n <div class=\"dosen-links\">\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udcc4 Profil<\/a>\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udd2c Penelitian<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dosen-card professor\">\r\n <div class=\"dosen-avatar-wrap\">\r\n <div class=\"dosen-avatar\">\ud83c\udfc5<\/div>\r\n <div class=\"dosen-avatar-info\">\r\n <span class=\"dosen-badge\">Guru Besar \/ Profesor<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dosen-body\">\r\n <div class=\"dosen-name\">Prof. Dr. Neneng Siti Silfi Ambarwati, S.Si., Apt., M.Si.<\/div>\r\n <div class=\"dosen-nidn-wrap\">\r\n <span class=\"nidn-ico\">\ud83e\udeaa<\/span>\r\n NIDN 197202292005012005\r\n <\/div>\r\n <div class=\"dosen-divider\"><\/div>\r\n <div class=\"dosen-links\">\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udcc4 Profil<\/a>\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udd2c Penelitian<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dosen-card\">\r\n <div class=\"dosen-avatar-wrap\">\r\n <div class=\"dosen-avatar\">\ud83d\udc69\u200d\ud83c\udfeb<\/div>\r\n <div class=\"dosen-avatar-info\">\r\n <span class=\"dosen-badge\">Dosen Tetap<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dosen-body\">\r\n <div class=\"dosen-name\">Miftahur Rizkiah, M.Pd.<\/div>\r\n <div class=\"dosen-nidn-wrap\">\r\n <span class=\"nidn-ico\">\ud83e\udeaa<\/span>\r\n NIDN 199612202025062009\r\n <\/div>\r\n <div class=\"dosen-divider\"><\/div>\r\n <div class=\"dosen-links\">\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udcc4 Profil<\/a>\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udd2c Penelitian<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dosen-card\">\r\n <div class=\"dosen-avatar-wrap\">\r\n <div class=\"dosen-avatar\">\ud83d\udc69\u200d\ud83d\udcbc<\/div>\r\n <div class=\"dosen-avatar-info\">\r\n <span class=\"dosen-badge\">Dosen Tetap<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dosen-body\">\r\n <div class=\"dosen-name\">Risky Mezi Muria, S.Akun., M.Ak.<\/div>\r\n <div class=\"dosen-nidn-wrap\">\r\n <span class=\"nidn-ico\">\ud83e\udeaa<\/span>\r\n NIDN 199712162025062010\r\n <\/div>\r\n <div class=\"dosen-divider\"><\/div>\r\n <div class=\"dosen-links\">\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udcc4 Profil<\/a>\r\n <a href=\"#\" class=\"dosen-link\">\ud83d\udd2c Penelitian<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"section-hd\">\r\n <div class=\"section-hd-bar\" style=\"background:var(--gold)\"><\/div>\r\n <div class=\"section-hd-text\">\r\n <div class=\"section-hd-label\" style=\"color:var(--gold)\">Tenaga Kependidikan<\/div>\r\n <div class=\"section-hd-title\">Staff Program Studi<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"staff-grid\">\r\n\r\n <div class=\"staff-card\">\r\n <div class=\"staff-avatar\">\ud83d\udc68\u200d\ud83d\udcbc<\/div>\r\n <div>\r\n <div class=\"staff-name\">Priyono, S.Pd.<\/div>\r\n <span class=\"staff-role\">Tenaga Kependidikan<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"staff-card\">\r\n <div class=\"staff-avatar\">\ud83d\udc69\u200d\ud83d\udcbc<\/div>\r\n <div>\r\n <div class=\"staff-name\">Vivi Kurniawati, S.Ap.<\/div>\r\n <span class=\"staff-role\">Tenaga Kependidikan<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"staff-card\">\r\n <div class=\"staff-avatar\">\ud83d\udc69\u200d\ud83d\udcbc<\/div>\r\n <div>\r\n <div class=\"staff-name\">Siti Aisyah<\/div>\r\n <span class=\"staff-role\">Tenaga Kependidikan<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dosen & Staff \u2013 D4 Kosmetik & Perawatan Kecantikan FT UNJ \ud83d\udccb Sumber Daya Manusia Dosen & StaffProgram Studi Tenaga pendidik dan kependidikan profesional yang berdedikasi dalam pengembangan ilmu kosmetik dan perawatan kecantikan. Tenaga Pendidik Dosen Program Studi \ud83d\udc69\u200d\ud83c\udfeb Dosen Tetap Titin Supiani, M.Pd. \ud83e\udeaa NIDN 197101011997022001 \ud83d\udcc4 Profil \ud83d\udd2c Penelitian \ud83d\udc69\u200d\ud83c\udfeb Dosen Tetap Dra. […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/pages\/40"}],"collection":[{"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=40"}],"version-history":[{"count":18,"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":597,"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions\/597"}],"wp:attachment":[{"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}