{"id":22,"date":"2022-08-05T06:35:47","date_gmt":"2022-08-05T06:35:47","guid":{"rendered":"https:\/\/ft.unj.ac.id\/str_kpk\/?page_id=22"},"modified":"2026-06-15T15:41:38","modified_gmt":"2026-06-15T15:41:38","slug":"tujuan-program-studi","status":"publish","type":"page","link":"https:\/\/ft.unj.ac.id\/str_kpk\/?page_id=22","title":{"rendered":""},"content":{"rendered":"\t\t
\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\n Visi, Misi & Tujuan \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 --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\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n html { scroll-behavior: smooth; }\r\n body {\r\n font-family: var(--ff);\r\n background: var(--ice);\r\n color: var(--text);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 PAGE HERO \u2500\u2500 *\/\r\n .page-header {\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;\r\n overflow: hidden;\r\n }\r\n .page-header::before {\r\n content: '';\r\n position: absolute;\r\n width: 480px; height: 480px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.05);\r\n top: -180px; right: -80px;\r\n }\r\n .page-header::after {\r\n content: '';\r\n position: absolute;\r\n width: 300px; height: 300px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.04);\r\n bottom: -120px; left: -60px;\r\n }\r\n .page-header-inner { position: relative; z-index: 1; max-width: 680px; margin: 0 auto; }\r\n .page-eyebrow {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n font-size: .72rem; font-weight: 700;\r\n letter-spacing: .18em; text-transform: uppercase;\r\n color: rgba(255,255,255,.8);\r\n background: rgba(255,255,255,.12);\r\n padding: 6px 18px; border-radius: 999px;\r\n margin-bottom: 20px;\r\n }\r\n .page-header h1 {\r\n font-size: clamp(2rem, 5vw, 3rem);\r\n font-weight: 800;\r\n color: var(--white);\r\n line-height: 1.15;\r\n margin-bottom: 16px;\r\n }\r\n .page-header h1 em { font-style: italic; color: rgba(255,255,255,.8); }\r\n .page-header p {\r\n font-size: 1rem;\r\n color: rgba(255,255,255,.75);\r\n line-height: 1.7;\r\n max-width: 520px;\r\n 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 \/* \u2500\u2500 TAB NAV \u2500\u2500 *\/\r\n .tab-nav {\r\n display: flex;\r\n justify-content: center;\r\n background: var(--white);\r\n border-bottom: 2px solid var(--border);\r\n position: sticky; top: 0; z-index: 100;\r\n box-shadow: 0 2px 12px rgba(27,58,107,.07);\r\n }\r\n .tab-btn {\r\n font-family: var(--ff);\r\n font-size: .88rem; font-weight: 600;\r\n color: var(--muted);\r\n background: none; border: none;\r\n padding: 16px 32px;\r\n cursor: pointer;\r\n position: relative;\r\n transition: color .2s;\r\n white-space: nowrap;\r\n }\r\n .tab-btn::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -2px; left: 16px; right: 16px;\r\n height: 3px;\r\n background: var(--blue);\r\n border-radius: 2px;\r\n transform: scaleX(0);\r\n transition: transform .25s;\r\n }\r\n .tab-btn.active { color: var(--blue); }\r\n .tab-btn.active::after { transform: scaleX(1); }\r\n .tab-btn:hover { color: var(--blue); }\r\n\r\n \/* \u2500\u2500 SECTIONS \u2500\u2500 *\/\r\n .vmk-section { padding: 80px 40px; }\r\n .vmk-section:nth-child(even) { background: var(--pale); }\r\n .container { max-width: 1060px; margin: 0 auto; }\r\n\r\n .section-eyebrow {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n font-size: .72rem; font-weight: 700;\r\n letter-spacing: .16em; text-transform: uppercase;\r\n color: var(--blue); margin-bottom: 12px;\r\n }\r\n .section-eyebrow::before {\r\n content: ''; display: block;\r\n width: 24px; height: 2px;\r\n background: var(--blue); border-radius: 2px;\r\n }\r\n\r\n \/* \u2500\u2500 VISI \u2500\u2500 *\/\r\n .visi-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 1.6fr;\r\n gap: 60px; align-items: center;\r\n }\r\n @media (max-width: 720px) { .visi-layout { grid-template-columns: 1fr; gap: 36px; } }\r\n\r\n .visi-deco {\r\n position: relative;\r\n display: flex; align-items: center; justify-content: center;\r\n }\r\n .visi-ring {\r\n width: 260px; height: 260px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--navy) 0%, var(--blue) 55%, var(--sky) 100%);\r\n display: flex; align-items: center; justify-content: center;\r\n position: relative;\r\n box-shadow: 0 20px 60px rgba(27,58,107,.30);\r\n }\r\n .visi-ring::before {\r\n content: '';\r\n position: absolute; inset: 16px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.12);\r\n }\r\n .visi-icon { font-size: 5rem; position: relative; z-index: 1; }\r\n\r\n .orbit { position: absolute; border-radius: 50%; background: var(--sky); opacity: .6; }\r\n .o1 { width:10px; height:10px; top:-5px; left:50%; transform:translateX(-50%); }\r\n .o2 { width:7px; height:7px; bottom:10px; right:-5px; }\r\n .o3 { width:8px; height:8px; top:50%; left:-8px; transform:translateY(-50%); }\r\n\r\n .visi-text h2 {\r\n font-size: clamp(1.7rem, 3.5vw, 2.3rem);\r\n font-weight: 800; color: var(--navy);\r\n line-height: 1.2; margin-bottom: 20px;\r\n }\r\n .visi-statement {\r\n font-size: clamp(1rem, 2vw, 1.1rem);\r\n font-style: italic; color: var(--mid);\r\n line-height: 1.8;\r\n padding: 24px 28px;\r\n background: var(--white);\r\n border-left: 4px solid var(--blue);\r\n border-radius: 0 16px 16px 0;\r\n box-shadow: var(--shadow);\r\n position: relative;\r\n }\r\n .visi-statement::before {\r\n content: '\\201C';\r\n font-size: 4rem; color: var(--pale);\r\n position: absolute; top: -12px; left: 14px;\r\n line-height: 1; font-style: normal; font-weight: 800;\r\n }\r\n\r\n .visi-pillars { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 24px; }\r\n .pillar-tag {\r\n background: var(--pale); color: var(--blue);\r\n font-size: .75rem; font-weight: 600;\r\n padding: 6px 16px; border-radius: 999px;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n \/* \u2500\u2500 MISI \u2500\u2500 *\/\r\n .misi-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 20px;\r\n }\r\n .misi-card {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 28px 26px;\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--border);\r\n position: relative; overflow: hidden;\r\n transition: transform .22s, box-shadow .22s;\r\n }\r\n .misi-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n .misi-card::after {\r\n content: '';\r\n position: absolute; bottom: 0; left: 0; right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--navy), var(--sky));\r\n }\r\n .misi-num {\r\n font-size: 3.2rem; font-weight: 800;\r\n line-height: 1; color: var(--pale);\r\n display: block; margin-bottom: 4px;\r\n }\r\n .misi-icon-wrap {\r\n width: 44px; height: 44px;\r\n background: var(--pale);\r\n border-radius: 12px; border: 1px solid var(--border);\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 1.4rem; margin-bottom: 14px;\r\n }\r\n .misi-body {\r\n font-size: .92rem; color: var(--mid); line-height: 1.7;\r\n }\r\n\r\n \/* \u2500\u2500 TUJUAN \u2500\u2500 *\/\r\n .tujuan-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 56px; align-items: start;\r\n }\r\n @media (max-width: 720px) { .tujuan-layout { grid-template-columns: 1fr; gap: 36px; } }\r\n\r\n .tujuan-intro h2 {\r\n font-size: clamp(1.7rem, 3.5vw, 2.2rem);\r\n font-weight: 800; color: var(--navy);\r\n line-height: 1.2; margin-bottom: 14px;\r\n }\r\n .tujuan-intro h2 em { font-style: italic; color: var(--sky); }\r\n .tujuan-intro p {\r\n font-size: .95rem; color: var(--muted);\r\n line-height: 1.75; margin-bottom: 28px;\r\n }\r\n\r\n .outcome-chips { display: flex; flex-direction: column; gap: 12px; }\r\n .outcome-chip {\r\n display: flex; align-items: flex-start; gap: 14px;\r\n background: var(--white); border-radius: 14px;\r\n padding: 16px 18px;\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--border);\r\n transition: border-color .2s, transform .2s;\r\n }\r\n .outcome-chip:hover { border-color: var(--sky); transform: translateX(4px); }\r\n .chip-icon {\r\n width: 36px; height: 36px; border-radius: 10px;\r\n background: linear-gradient(135deg, var(--blue), var(--sky));\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 1rem; flex-shrink: 0; color: white;\r\n }\r\n .chip-text { font-size: .88rem; color: var(--text); line-height: 1.65; }\r\n\r\n .tujuan-list { display: flex; flex-direction: column; gap: 14px; }\r\n .tujuan-item {\r\n display: flex; gap: 16px; align-items: flex-start;\r\n }\r\n .tujuan-num {\r\n flex-shrink: 0;\r\n width: 32px; height: 32px;\r\n background: var(--navy); color: var(--white);\r\n font-size: .85rem; font-weight: 800;\r\n border-radius: 8px;\r\n display: flex; align-items: center; justify-content: center;\r\n }\r\n .tujuan-text {\r\n font-size: .92rem; color: var(--mid);\r\n line-height: 1.7; padding-top: 4px;\r\n }\r\n\r\n \/* \u2500\u2500 CLOSING BANNER \u2500\u2500 *\/\r\n .closing-banner {\r\n background: linear-gradient(135deg, var(--navy) 0%, var(--blue) 55%, var(--sky) 100%);\r\n padding: 60px 40px;\r\n text-align: center;\r\n position: relative; overflow: hidden;\r\n }\r\n .closing-banner::before {\r\n content: ''; position: absolute;\r\n width: 340px; height: 340px; border-radius: 50%;\r\n background: rgba(255,255,255,.06);\r\n top: -100px; left: -80px;\r\n }\r\n .closing-banner::after {\r\n content: ''; position: absolute;\r\n width: 240px; height: 240px; border-radius: 50%;\r\n background: rgba(255,255,255,.06);\r\n bottom: -80px; right: -40px;\r\n }\r\n .closing-banner-inner { position: relative; z-index: 1; max-width: 560px; margin: 0 auto; }\r\n .closing-banner h3 {\r\n font-size: clamp(1.4rem, 3vw, 2rem);\r\n font-weight: 800; color: var(--white); margin-bottom: 12px;\r\n }\r\n .closing-banner p {\r\n font-size: .97rem; color: rgba(255,255,255,.8);\r\n line-height: 1.7; margin-bottom: 28px;\r\n }\r\n .btn-white {\r\n display: inline-block;\r\n background: var(--white); color: var(--blue);\r\n font-weight: 700; font-size: .9rem;\r\n padding: 13px 32px; border-radius: 8px;\r\n text-decoration: none;\r\n box-shadow: 0 6px 20px rgba(0,0,0,.12);\r\n transition: transform .2s, box-shadow .2s;\r\n }\r\n .btn-white:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.18); }\r\n\r\n @media (max-width: 520px) {\r\n .tab-btn { padding: 14px 16px; font-size: .78rem; }\r\n .vmk-section { padding: 52px 16px; }\r\n .breadcrumb { padding: 12px 16px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- PAGE HERO -->\r\n <div class=\"page-header\">\r\n <div class=\"page-header-inner\">\r\n \r\n <h1>Visi, Misi &<br><em>Tujuan Program Studi<\/em><\/h1>\r\n <p>Komitmen kami dalam membentuk sumber daya manusia unggul, profesional, dan adaptif di bidang kosmetik dan perawatan kecantikan.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <!-- \u2550\u2550\u2550\u2550 VISI \u2550\u2550\u2550\u2550 -->\r\n <section id=\"visi\" class=\"vmk-section\">\r\n <div class=\"container\">\r\n <div class=\"visi-layout\">\r\n\r\n <div class=\"visi-deco\">\r\n <div class=\"visi-ring\">\r\n <span class=\"visi-icon\">\ud83c\udf1f<\/span>\r\n <span class=\"orbit o1\"><\/span>\r\n <span class=\"orbit o2\"><\/span>\r\n <span class=\"orbit o3\"><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"visi-text\">\r\n <span class=\"section-eyebrow\">1.1 Visi<\/span>\r\n <h2>Wawasan Global,<br>Standar Profesional<\/h2>\r\n <div class=\"visi-statement\">\r\n Menjadi prodi yang menghasilkan sumber daya manusia berwawasan global pada bidang tata rias, memiliki pengetahuan dan keterampilan profesional, bermoral tinggi serta adaptif terhadap perubahan teknologi.\r\n <\/div>\r\n <div class=\"visi-pillars\">\r\n <span class=\"pillar-tag\">\ud83c\udf10 Berwawasan Global<\/span>\r\n <span class=\"pillar-tag\">\ud83d\udca1 Kompeten & Profesional<\/span>\r\n <span class=\"pillar-tag\">\ud83e\udd1d Bermoral Tinggi<\/span>\r\n <span class=\"pillar-tag\">\u26a1 Adaptif Teknologi<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <!-- \u2550\u2550\u2550\u2550 MISI \u2550\u2550\u2550\u2550 -->\r\n <section id=\"misi\" class=\"vmk-section\">\r\n <div class=\"container\">\r\n <span class=\"section-eyebrow\">1.2 Misi<\/span>\r\n <h2 style=\"font-size:clamp(1.7rem,3.5vw,2.3rem);font-weight:800;color:var(--navy);line-height:1.2;margin-bottom:10px;\">\r\n Enam Pilar <em style=\"font-style:italic;color:var(--sky)\">Gerak Kami<\/em>\r\n <\/h2>\r\n <p style=\"font-size:.95rem;color:var(--muted);max-width:540px;line-height:1.7;margin-bottom:44px;\">\r\n Setiap misi adalah janji konkret yang kami pegang dalam menyelenggarakan pendidikan vokasi bidang kosmetik dan kecantikan.\r\n <\/p>\r\n\r\n <div class=\"misi-grid\">\r\n\r\n <div class=\"misi-card\">\r\n <span class=\"misi-num\">01<\/span>\r\n <div class=\"misi-icon-wrap\">\ud83c\udf93<\/div>\r\n <p class=\"misi-body\">Menyelenggarakan dan mengelola pendidikan vokasi bidang tata rias untuk menghasilkan lulusan yang kompeten dan memiliki daya saing tinggi.<\/p>\r\n <\/div>\r\n\r\n <div class=\"misi-card\">\r\n <span class=\"misi-num\">02<\/span>\r\n <div class=\"misi-icon-wrap\">\ud83d\udd2c<\/div>\r\n <p class=\"misi-body\">Mengembangkan sumber daya manusia sesuai perkembangan ilmu pengetahuan, teknologi serta tuntutan DUDIKA.<\/p>\r\n <\/div>\r\n\r\n <div class=\"misi-card\">\r\n <span class=\"misi-num\">03<\/span>\r\n <div class=\"misi-icon-wrap\">\ud83e\uddea<\/div>\r\n <p class=\"misi-body\">Menyelenggarakan penelitian terapan di bidang kosmetik dan perawatan kecantikan untuk mengembangkan ilmu pengetahuan, teknologi, sosial dan budaya serta menjawab permasalahan yang ada di masyarakat.<\/p>\r\n <\/div>\r\n\r\n <div class=\"misi-card\">\r\n <span class=\"misi-num\">04<\/span>\r\n <div class=\"misi-icon-wrap\">\ud83c\udf3f<\/div>\r\n <p class=\"misi-body\">Menyelenggarakan kegiatan pengabdian kepada masyarakat sesuai bidang kosmetik dan perawatan kecantikan.<\/p>\r\n <\/div>\r\n\r\n <div class=\"misi-card\">\r\n <span class=\"misi-num\">05<\/span>\r\n <div class=\"misi-icon-wrap\">\ud83e\udd1d<\/div>\r\n <p class=\"misi-body\">Mengembangkan kerja sama dalam bidang kosmetik dan perawatan kecantikan dengan berbagai pihak yang terkait.<\/p>\r\n <\/div>\r\n\r\n <div class=\"misi-card\">\r\n <span class=\"misi-num\">06<\/span>\r\n <div class=\"misi-icon-wrap\">\ud83d\ude80<\/div>\r\n <p class=\"misi-body\">Membina dan mengembangkan budaya <em>technopreneurship<\/em> pada bidang kosmetik dan perawatan kecantikan serta berkolaborasi dengan berbagai industri baik di dalam maupun di luar negeri.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <!-- \u2550\u2550\u2550\u2550 TUJUAN \u2550\u2550\u2550\u2550 -->\r\n <section id=\"tujuan\" class=\"vmk-section\">\r\n <div class=\"container\">\r\n <div class=\"tujuan-layout\">\r\n\r\n <div class=\"tujuan-intro\">\r\n <span class=\"section-eyebrow\">1.3 Tujuan<\/span>\r\n <h2>Apa yang Ingin<br>Kami <em>Wujudkan<\/em><\/h2>\r\n <p>Tujuh sasaran strategis yang menjadi tolok ukur keberhasilan prodi dalam membentuk lulusan siap industri kecantikan global.<\/p>\r\n\r\n <div class=\"outcome-chips\">\r\n <div class=\"outcome-chip\">\r\n <div class=\"chip-icon\">\ud83c\udfc6<\/div>\r\n <span class=\"chip-text\">Lulusan berdaya saing tinggi di industri kosmetik nasional & internasional<\/span>\r\n <\/div>\r\n <div class=\"outcome-chip\">\r\n <div class=\"chip-icon\">\ud83d\udcbc<\/div>\r\n <span class=\"chip-text\">Siap kerja sesuai perkembangan IPTEK dan kebutuhan DUDIKA<\/span>\r\n <\/div>\r\n <div class=\"outcome-chip\">\r\n <div class=\"chip-icon\">\ud83c\udf38<\/div>\r\n <span class=\"chip-text\">Terapis kecantikan kreatif, bertanggung jawab, dan terus berkembang<\/span>\r\n <\/div>\r\n <div class=\"outcome-chip\">\r\n <div class=\"chip-icon\">\ud83d\udca1<\/div>\r\n <span class=\"chip-text\">Berjiwa <em>technopreneurship<\/em> dan kolaboratif lintas industri<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"tujuan-list\">\r\n <div class=\"tujuan-item\">\r\n <div class=\"tujuan-num\">1<\/div>\r\n <p class=\"tujuan-text\">Mewujudkan lembaga pendidikan vokasi bidang tata rias untuk menghasilkan lulusan kosmetik dan perawatan kecantikan yang memiliki daya saing tinggi.<\/p>\r\n <\/div>\r\n <div class=\"tujuan-item\">\r\n <div class=\"tujuan-num\">2<\/div>\r\n <p class=\"tujuan-text\">Menghasilkan lulusan yang sesuai perkembangan ilmu pengetahuan, teknologi serta tuntutan DUDIKA.<\/p>\r\n <\/div>\r\n <div class=\"tujuan-item\">\r\n <div class=\"tujuan-num\">3<\/div>\r\n <p class=\"tujuan-text\">Menghasilkan karya penelitian terapan di bidang kosmetik dan perawatan kecantikan yang bermanfaat bagi masyarakat dan DUDIKA.<\/p>\r\n <\/div>\r\n <div class=\"tujuan-item\">\r\n <div class=\"tujuan-num\">4<\/div>\r\n <p class=\"tujuan-text\">Menghasilkan karya pengabdian kepada masyarakat di bidang kosmetik dan perawatan kecantikan.<\/p>\r\n <\/div>\r\n <div class=\"tujuan-item\">\r\n <div class=\"tujuan-num\">5<\/div>\r\n <p class=\"tujuan-text\">Mewujudkan kolaborasi yang saling menguntungkan dengan industri yang terkait.<\/p>\r\n <\/div>\r\n <div class=\"tujuan-item\">\r\n <div class=\"tujuan-num\">6<\/div>\r\n <p class=\"tujuan-text\">Menghasilkan lulusan yang berkompeten di bidang kosmetik dan perawatan kecantikan yang memiliki budaya <em>Technopreneurship<\/em>.<\/p>\r\n <\/div>\r\n <div class=\"tujuan-item\">\r\n <div class=\"tujuan-num\">7<\/div>\r\n <p class=\"tujuan-text\">Menghasilkan terapis kecantikan yang berkualitas tinggi, kreatif, bertanggung jawab, dan mengembangkan karir secara profesional melalui pembelajaran seumur hidup.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <!-- CLOSING BANNER -->\r\n <div class=\"closing-banner\">\r\n <div class=\"closing-banner-inner\">\r\n <h3>Bergabunglah Bersama Kami<\/h3>\r\n <p>Wujudkan karir impian di industri kecantikan bersama D4 Kosmetik & Perawatan Kecantikan Fakultas Teknik UNJ.<\/p>\r\n <a href=\"#\" class=\"btn-white\">Pelajari Program Studi \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <script>\r\n function scrollTo(id, btn) {\r\n document.getElementById(id).scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n }\r\n\r\n const sections = ['visi','misi','tujuan'];\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const id = entry.target.id;\r\n document.querySelectorAll('.tab-btn').forEach((btn, i) => {\r\n btn.classList.toggle('active', sections[i] === id);\r\n });\r\n }\r\n });\r\n }, { threshold: 0.35 });\r\n\r\n sections.forEach(id => {\r\n const el = document.getElementById(id);\r\n if (el) observer.observe(el);\r\n });\r\n <\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-90cb56e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"90cb56e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d7d197f\" data-id=\"d7d197f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-de0a5a2 elementor-widget elementor-widget-image\" data-id=\"de0a5a2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.6.8 - 27-07-2022 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\" title=\"\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\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>Visi, Misi & Tujuan \u2013 D4 Kosmetik & Perawatan Kecantikan FT UNJ Visi, Misi &Tujuan Program Studi Komitmen kami dalam membentuk sumber daya manusia unggul, profesional, dan adaptif di bidang kosmetik dan perawatan kecantikan. \ud83c\udf1f 1.1 Visi Wawasan Global,Standar Profesional Menjadi prodi yang menghasilkan sumber daya manusia berwawasan global pada bidang tata rias, memiliki pengetahuan […]<\/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\/22"}],"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=22"}],"version-history":[{"count":19,"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":566,"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/566"}],"wp:attachment":[{"href":"https:\/\/ft.unj.ac.id\/str_kpk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}