{"id":2872,"date":"2026-04-26T15:36:01","date_gmt":"2026-04-26T15:36:01","guid":{"rendered":"https:\/\/pspa.fmipa.untad.ac.id\/?page_id=2872"},"modified":"2026-05-12T14:02:55","modified_gmt":"2026-05-12T14:02:55","slug":"dosen","status":"publish","type":"page","link":"https:\/\/pspa.fmipa.untad.ac.id\/?page_id=2872","title":{"rendered":"Dosen"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nTim Dosen \u2014 PSPPA Universitas Tadulako<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,300&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --navy: #0d1b3e;\r\n --navy-mid: #1a2f5e;\r\n --blue: #1e4db7;\r\n --blue-l: #2563eb;\r\n --violet: #6d3fbe;\r\n --pink: #c0396b;\r\n --gold: #f5a623;\r\n --gold-dark: #d48910;\r\n --gold-pale: #fef3d7;\r\n --white: #ffffff;\r\n --off: #f4f6fb;\r\n --gray-100: #e8edf5;\r\n --gray-300: #c0cce0;\r\n --gray-500: #7b8fb0;\r\n --gray-700: #334155;\r\n --text: #1e2d4a;\r\n }\r\n\r\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: 'DM Sans', sans-serif;\r\n background: var(--off);\r\n color: var(--text);\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TOP NAV BAR (matches website)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .topbar {\r\n background: linear-gradient(90deg, var(--blue-l) 0%, var(--violet) 50%, var(--pink) 100%);\r\n height: 36px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n padding: 0 28px;\r\n gap: 18px;\r\n }\r\n\r\n .topbar a {\r\n color: rgba(255,255,255,0.85);\r\n font-size: 14px;\r\n text-decoration: none;\r\n transition: color 0.2s;\r\n }\r\n\r\n .topbar a:hover { color: white; }\r\n\r\n .topbar svg { display: block; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HERO HEADER\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .hero {\r\n background: var(--navy);\r\n position: relative;\r\n overflow: hidden;\r\n padding: 80px 32px 100px;\r\n text-align: center;\r\n }\r\n\r\n \/* gradient mesh matching the topbar colors *\/\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 70% 100% at 15% 50%, rgba(30,77,183,0.45) 0%, transparent 60%),\r\n radial-gradient(ellipse 50% 80% at 85% 30%, rgba(192,57,107,0.3) 0%, transparent 60%),\r\n radial-gradient(ellipse 40% 60% at 50% 100%, rgba(109,63,190,0.25) 0%, transparent 60%);\r\n }\r\n\r\n \/* fine grid overlay *\/\r\n .hero::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n }\r\n\r\n .hero-inner { position: relative; z-index: 2; }\r\n\r\n .hero-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n background: rgba(245,166,35,0.12);\r\n border: 1px solid rgba(245,166,35,0.3);\r\n padding: 6px 18px;\r\n border-radius: 100px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .hero h1 {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(38px, 6vw, 68px);\r\n font-weight: 700;\r\n color: white;\r\n line-height: 1.1;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .hero h1 em {\r\n font-style: italic;\r\n color: var(--gold);\r\n }\r\n\r\n .hero-sub {\r\n font-size: 15px;\r\n color: rgba(255,255,255,0.6);\r\n max-width: 480px;\r\n margin: 0 auto 0;\r\n line-height: 1.7;\r\n font-weight: 300;\r\n }\r\n\r\n \/* decorative arc at bottom of hero *\/\r\n .hero-arc {\r\n position: absolute;\r\n bottom: -2px;\r\n left: 0; right: 0;\r\n height: 56px;\r\n z-index: 3;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n COORDINATOR SPOTLIGHT\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .coordinator-section {\r\n max-width: 860px;\r\n margin: 0 auto;\r\n padding: 64px 32px 0;\r\n }\r\n\r\n .section-label {\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: var(--blue);\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .section-label::after {\r\n content: '';\r\n flex: 1;\r\n height: 1px;\r\n background: var(--gray-100);\r\n }\r\n\r\n .coordinator-card {\r\n background: white;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n display: grid;\r\n grid-template-columns: 300px 1fr;\r\n box-shadow: 0 8px 40px rgba(13,27,62,0.12);\r\n position: relative;\r\n }\r\n\r\n .coordinator-card::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 20px;\r\n border: 1px solid var(--gray-100);\r\n pointer-events: none;\r\n z-index: 2;\r\n }\r\n\r\n .coord-photo-wrap {\r\n position: relative;\r\n overflow: hidden;\r\n background: var(--navy);\r\n }\r\n\r\n .coord-photo-wrap img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: top center;\r\n display: block;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .coordinator-card:hover .coord-photo-wrap img {\r\n transform: scale(1.04);\r\n }\r\n\r\n \/* gradient overlay on photo *\/\r\n .coord-photo-wrap::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to right, transparent 70%, rgba(255,255,255,0.08) 100%);\r\n }\r\n\r\n \/* gold accent strip on left *\/\r\n .coord-photo-wrap::before {\r\n content: '';\r\n position: absolute;\r\n left: 0; top: 0; bottom: 0;\r\n width: 4px;\r\n background: linear-gradient(to bottom, var(--gold), var(--gold-dark));\r\n z-index: 2;\r\n }\r\n\r\n .coord-info {\r\n padding: 44px 44px 40px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n position: relative;\r\n }\r\n\r\n \/* subtle watermark number *\/\r\n .coord-info::before {\r\n content: '01';\r\n position: absolute;\r\n right: 32px;\r\n top: 24px;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 96px;\r\n font-weight: 700;\r\n color: rgba(13,27,62,0.04);\r\n line-height: 1;\r\n pointer-events: none;\r\n }\r\n\r\n .coord-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: var(--gold-pale);\r\n color: var(--gold-dark);\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n padding: 5px 14px;\r\n border-radius: 100px;\r\n border: 1px solid rgba(245,166,35,0.4);\r\n margin-bottom: 16px;\r\n width: fit-content;\r\n }\r\n\r\n .coord-name {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(22px, 3vw, 30px);\r\n font-weight: 700;\r\n color: var(--navy);\r\n line-height: 1.2;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .coord-degree {\r\n font-size: 13px;\r\n color: var(--gray-500);\r\n font-weight: 400;\r\n margin-bottom: 24px;\r\n letter-spacing: 0.02em;\r\n }\r\n\r\n .divider-sm {\r\n width: 40px;\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--blue), var(--violet));\r\n border-radius: 2px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .coord-meta {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .meta-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n font-size: 13.5px;\r\n }\r\n\r\n .meta-icon {\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 8px;\r\n background: var(--off);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .meta-label { font-size: 11px; color: var(--gray-500); }\r\n .meta-value { font-size: 13.5px; color: var(--gray-700); font-weight: 500; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n DOSEN GRID\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .dosen-section {\r\n max-width: 1080px;\r\n margin: 0 auto;\r\n padding: 56px 32px 80px;\r\n }\r\n\r\n .dosen-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n gap: 24px;\r\n }\r\n\r\n .dosen-card {\r\n background: white;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(13,27,62,0.07);\r\n border: 1px solid var(--gray-100);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n cursor: default;\r\n position: relative;\r\n }\r\n\r\n .dosen-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 16px 48px rgba(13,27,62,0.14);\r\n }\r\n\r\n \/* colored top accent per card, cycling through brand colors *\/\r\n .dosen-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 3px;\r\n border-radius: 16px 16px 0 0;\r\n }\r\n\r\n .dosen-card:nth-child(1)::before { background: linear-gradient(90deg, var(--blue), var(--blue-l)); }\r\n .dosen-card:nth-child(2)::before { background: linear-gradient(90deg, var(--violet), var(--pink)); }\r\n .dosen-card:nth-child(3)::before { background: linear-gradient(90deg, var(--pink), #e05080); }\r\n .dosen-card:nth-child(4)::before { background: linear-gradient(90deg, var(--blue-l), var(--violet)); }\r\n .dosen-card:nth-child(5)::before { background: linear-gradient(90deg, var(--gold-dark), var(--gold)); }\r\n\r\n .card-photo {\r\n width: 100%;\r\n height: 260px;\r\n overflow: hidden;\r\n background: var(--navy);\r\n position: relative;\r\n }\r\n\r\n .card-photo img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: top center;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n filter: brightness(0.97);\r\n }\r\n\r\n .dosen-card:hover .card-photo img {\r\n transform: scale(1.06);\r\n }\r\n\r\n \/* subtle gradient at bottom of photo *\/\r\n .card-photo::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0; left: 0; right: 0;\r\n height: 60px;\r\n background: linear-gradient(to top, rgba(255,255,255,0.15), transparent);\r\n }\r\n\r\n \/* ordinal number watermark *\/\r\n .card-num {\r\n position: absolute;\r\n top: 12px;\r\n right: 14px;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: rgba(255,255,255,0.6);\r\n background: rgba(0,0,0,0.25);\r\n backdrop-filter: blur(4px);\r\n padding: 3px 9px;\r\n border-radius: 100px;\r\n z-index: 2;\r\n }\r\n\r\n .card-body {\r\n padding: 22px 24px 26px;\r\n }\r\n\r\n .card-name {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 19px;\r\n font-weight: 700;\r\n color: var(--navy);\r\n line-height: 1.2;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .card-degree {\r\n font-size: 12px;\r\n color: var(--gray-500);\r\n margin-bottom: 16px;\r\n font-weight: 400;\r\n }\r\n\r\n .card-divider {\r\n width: 28px;\r\n height: 2px;\r\n border-radius: 2px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .dosen-card:nth-child(1) .card-divider { background: var(--blue); }\r\n .dosen-card:nth-child(2) .card-divider { background: var(--violet); }\r\n .dosen-card:nth-child(3) .card-divider { background: var(--pink); }\r\n .dosen-card:nth-child(4) .card-divider { background: var(--blue-l); }\r\n .dosen-card:nth-child(5) .card-divider { background: var(--gold-dark); }\r\n\r\n .card-role {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n font-size: 11.5px;\r\n font-weight: 600;\r\n color: var(--gray-500);\r\n text-transform: uppercase;\r\n letter-spacing: 0.07em;\r\n }\r\n\r\n .card-role::before {\r\n content: '';\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: currentColor;\r\n opacity: 0.5;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FOOTER STRIP\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .footer-strip {\r\n background: linear-gradient(90deg, var(--blue-l) 0%, var(--violet) 50%, var(--pink) 100%);\r\n padding: 28px 32px;\r\n text-align: center;\r\n }\r\n\r\n .footer-strip p {\r\n font-size: 13px;\r\n color: rgba(255,255,255,0.7);\r\n }\r\n\r\n .footer-strip strong { color: white; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ENTRANCE ANIMATIONS\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(24px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .hero-inner { animation: fadeUp 0.7s ease both; }\r\n\r\n .coordinator-card {\r\n animation: fadeUp 0.7s 0.2s ease both;\r\n }\r\n\r\n .dosen-card:nth-child(1) { animation: fadeUp 0.6s 0.05s ease both; }\r\n .dosen-card:nth-child(2) { animation: fadeUp 0.6s 0.12s ease both; }\r\n .dosen-card:nth-child(3) { animation: fadeUp 0.6s 0.19s ease both; }\r\n .dosen-card:nth-child(4) { animation: fadeUp 0.6s 0.26s ease both; }\r\n .dosen-card:nth-child(5) { animation: fadeUp 0.6s 0.33s ease both; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESPONSIVE\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 680px) {\r\n .coordinator-card { grid-template-columns: 1fr; }\r\n .coord-photo-wrap { height: 280px; }\r\n .coord-info { padding: 28px; }\r\n .coord-info::before { display: none; }\r\n .dosen-grid { grid-template-columns: 1fr 1fr; gap: 16px; }\r\n .card-photo { height: 200px; }\r\n .hero { padding: 56px 24px 80px; }\r\n }\r\n\r\n @media (max-width: 420px) {\r\n .dosen-grid { grid-template-columns: 1fr; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2500\u2500\u2500 HERO \u2500\u2500\u2500 -->\r\n<section class=\"hero\">\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-eyebrow\">Program Studi Pendidikan Profesi Apoteker<\/div>\r\n <h1>Tim <em>Dosen<\/em><br>PSPPA UNTAD<\/h1>\r\n <p class=\"hero-sub\">Didukung oleh tenaga pengajar berpengalaman dan berkompeten di bidang kefarmasian, siap membimbing setiap mahasiswa menuju kompetensi apoteker profesional.<\/p>\r\n <\/div>\r\n <!-- white arc shape -->\r\n <svg class=\"hero-arc\" viewBox=\"0 0 1440 56\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M0,56 C360,0 1080,0 1440,56 L1440,56 L0,56 Z\" fill=\"#f4f6fb\"\/>\r\n <\/svg>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fae729a e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"fae729a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInUp"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6780bca elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"6780bca\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"slides_to_show":"1","navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","effect":"slide","speed":500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 3\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/pspa.fmipa.untad.ac.id\/wp-content\/uploads\/2026\/05\/RFD_3766-1380x640.jpg\" alt=\"RFD_3766\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 3\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/pspa.fmipa.untad.ac.id\/wp-content\/uploads\/2026\/05\/RFD_3768-1380x640.jpg\" alt=\"RFD_3768\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 3\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/pspa.fmipa.untad.ac.id\/wp-content\/uploads\/2026\/05\/RFD_3758-1380x640.jpg\" alt=\"RFD_3758\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-771b269 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"771b269\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInUp"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21825e9 elementor-widget elementor-widget-html\" data-id=\"21825e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Tim Dosen \u2014 PSPPA Universitas Tadulako<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,300&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --navy: #0d1b3e;\r\n --navy-mid: #1a2f5e;\r\n --blue: #1e4db7;\r\n --blue-l: #2563eb;\r\n --violet: #6d3fbe;\r\n --pink: #c0396b;\r\n --gold: #f5a623;\r\n --gold-dark: #d48910;\r\n --gold-pale: #fef3d7;\r\n --white: #ffffff;\r\n --off: #f4f6fb;\r\n --gray-100: #e8edf5;\r\n --gray-300: #c0cce0;\r\n --gray-500: #7b8fb0;\r\n --gray-700: #334155;\r\n --text: #1e2d4a;\r\n }\r\n\r\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: 'DM Sans', sans-serif;\r\n background: var(--off);\r\n color: var(--text);\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TOP NAV BAR (matches website)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .topbar {\r\n background: linear-gradient(90deg, var(--blue-l) 0%, var(--violet) 50%, var(--pink) 100%);\r\n height: 36px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n padding: 0 28px;\r\n gap: 18px;\r\n }\r\n\r\n .topbar a {\r\n color: rgba(255,255,255,0.85);\r\n font-size: 14px;\r\n text-decoration: none;\r\n transition: color 0.2s;\r\n }\r\n\r\n .topbar a:hover { color: white; }\r\n\r\n .topbar svg { display: block; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HERO HEADER\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .hero {\r\n background: var(--navy);\r\n position: relative;\r\n overflow: hidden;\r\n padding: 80px 32px 100px;\r\n text-align: center;\r\n }\r\n\r\n \/* gradient mesh matching the topbar colors *\/\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 70% 100% at 15% 50%, rgba(30,77,183,0.45) 0%, transparent 60%),\r\n radial-gradient(ellipse 50% 80% at 85% 30%, rgba(192,57,107,0.3) 0%, transparent 60%),\r\n radial-gradient(ellipse 40% 60% at 50% 100%, rgba(109,63,190,0.25) 0%, transparent 60%);\r\n }\r\n\r\n \/* fine grid overlay *\/\r\n .hero::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n }\r\n\r\n .hero-inner { position: relative; z-index: 2; }\r\n\r\n .hero-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n background: rgba(245,166,35,0.12);\r\n border: 1px solid rgba(245,166,35,0.3);\r\n padding: 6px 18px;\r\n border-radius: 100px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .hero h1 {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(38px, 6vw, 68px);\r\n font-weight: 700;\r\n color: white;\r\n line-height: 1.1;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .hero h1 em {\r\n font-style: italic;\r\n color: var(--gold);\r\n }\r\n\r\n .hero-sub {\r\n font-size: 15px;\r\n color: rgba(255,255,255,0.6);\r\n max-width: 480px;\r\n margin: 0 auto 0;\r\n line-height: 1.7;\r\n font-weight: 300;\r\n }\r\n\r\n \/* decorative arc at bottom of hero *\/\r\n .hero-arc {\r\n position: absolute;\r\n bottom: -2px;\r\n left: 0; right: 0;\r\n height: 56px;\r\n z-index: 3;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n COORDINATOR SPOTLIGHT\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .coordinator-section {\r\n max-width: 860px;\r\n margin: 0 auto;\r\n padding: 64px 32px 0;\r\n }\r\n\r\n .section-label {\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: var(--blue);\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .section-label::after {\r\n content: '';\r\n flex: 1;\r\n height: 1px;\r\n background: var(--gray-100);\r\n }\r\n\r\n .coordinator-card {\r\n background: white;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n display: grid;\r\n grid-template-columns: 300px 1fr;\r\n box-shadow: 0 8px 40px rgba(13,27,62,0.12);\r\n position: relative;\r\n }\r\n\r\n .coordinator-card::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 20px;\r\n border: 1px solid var(--gray-100);\r\n pointer-events: none;\r\n z-index: 2;\r\n }\r\n\r\n .coord-photo-wrap {\r\n position: relative;\r\n overflow: hidden;\r\n background: var(--navy);\r\n }\r\n\r\n .coord-photo-wrap img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: top center;\r\n display: block;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .coordinator-card:hover .coord-photo-wrap img {\r\n transform: scale(1.04);\r\n }\r\n\r\n \/* gradient overlay on photo *\/\r\n .coord-photo-wrap::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to right, transparent 70%, rgba(255,255,255,0.08) 100%);\r\n }\r\n\r\n \/* gold accent strip on left *\/\r\n .coord-photo-wrap::before {\r\n content: '';\r\n position: absolute;\r\n left: 0; top: 0; bottom: 0;\r\n width: 4px;\r\n background: linear-gradient(to bottom, var(--gold), var(--gold-dark));\r\n z-index: 2;\r\n }\r\n\r\n .coord-info {\r\n padding: 44px 44px 40px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n position: relative;\r\n }\r\n\r\n \/* subtle watermark number *\/\r\n .coord-info::before {\r\n content: '01';\r\n position: absolute;\r\n right: 32px;\r\n top: 24px;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 96px;\r\n font-weight: 700;\r\n color: rgba(13,27,62,0.04);\r\n line-height: 1;\r\n pointer-events: none;\r\n }\r\n\r\n .coord-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: var(--gold-pale);\r\n color: var(--gold-dark);\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n padding: 5px 14px;\r\n border-radius: 100px;\r\n border: 1px solid rgba(245,166,35,0.4);\r\n margin-bottom: 16px;\r\n width: fit-content;\r\n }\r\n\r\n .coord-name {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(22px, 3vw, 30px);\r\n font-weight: 700;\r\n color: var(--navy);\r\n line-height: 1.2;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .coord-degree {\r\n font-size: 13px;\r\n color: var(--gray-500);\r\n font-weight: 400;\r\n margin-bottom: 24px;\r\n letter-spacing: 0.02em;\r\n }\r\n\r\n .divider-sm {\r\n width: 40px;\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--blue), var(--violet));\r\n border-radius: 2px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .coord-meta {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .meta-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n font-size: 13.5px;\r\n }\r\n\r\n .meta-icon {\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 8px;\r\n background: var(--off);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .meta-label { font-size: 11px; color: var(--gray-500); }\r\n .meta-value { font-size: 13.5px; color: var(--gray-700); font-weight: 500; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n DOSEN GRID\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .dosen-section {\r\n max-width: 1080px;\r\n margin: 0 auto;\r\n padding: 56px 32px 80px;\r\n }\r\n\r\n .dosen-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n gap: 24px;\r\n }\r\n\r\n .dosen-card {\r\n background: white;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(13,27,62,0.07);\r\n border: 1px solid var(--gray-100);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n cursor: default;\r\n position: relative;\r\n }\r\n\r\n .dosen-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 16px 48px rgba(13,27,62,0.14);\r\n }\r\n\r\n \/* colored top accent per card, cycling through brand colors *\/\r\n .dosen-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 3px;\r\n border-radius: 16px 16px 0 0;\r\n }\r\n\r\n .dosen-card:nth-child(1)::before { background: linear-gradient(90deg, var(--blue), var(--blue-l)); }\r\n .dosen-card:nth-child(2)::before { background: linear-gradient(90deg, var(--violet), var(--pink)); }\r\n .dosen-card:nth-child(3)::before { background: linear-gradient(90deg, var(--pink), #e05080); }\r\n .dosen-card:nth-child(4)::before { background: linear-gradient(90deg, var(--blue-l), var(--violet)); }\r\n .dosen-card:nth-child(5)::before { background: linear-gradient(90deg, var(--gold-dark), var(--gold)); }\r\n\r\n .card-photo {\r\n width: 100%;\r\n height: 260px;\r\n overflow: hidden;\r\n background: var(--navy);\r\n position: relative;\r\n }\r\n\r\n .card-photo img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: top center;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n filter: brightness(0.97);\r\n }\r\n\r\n .dosen-card:hover .card-photo img {\r\n transform: scale(1.06);\r\n }\r\n\r\n \/* subtle gradient at bottom of photo *\/\r\n .card-photo::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0; left: 0; right: 0;\r\n height: 60px;\r\n background: linear-gradient(to top, rgba(255,255,255,0.15), transparent);\r\n }\r\n\r\n \/* ordinal number watermark *\/\r\n .card-num {\r\n position: absolute;\r\n top: 12px;\r\n right: 14px;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: rgba(255,255,255,0.6);\r\n background: rgba(0,0,0,0.25);\r\n backdrop-filter: blur(4px);\r\n padding: 3px 9px;\r\n border-radius: 100px;\r\n z-index: 2;\r\n }\r\n\r\n .card-body {\r\n padding: 22px 24px 26px;\r\n }\r\n\r\n .card-name {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 19px;\r\n font-weight: 700;\r\n color: var(--navy);\r\n line-height: 1.2;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .card-degree {\r\n font-size: 12px;\r\n color: var(--gray-500);\r\n margin-bottom: 16px;\r\n font-weight: 400;\r\n }\r\n\r\n .card-divider {\r\n width: 28px;\r\n height: 2px;\r\n border-radius: 2px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .dosen-card:nth-child(1) .card-divider { background: var(--blue); }\r\n .dosen-card:nth-child(2) .card-divider { background: var(--violet); }\r\n .dosen-card:nth-child(3) .card-divider { background: var(--pink); }\r\n .dosen-card:nth-child(4) .card-divider { background: var(--blue-l); }\r\n .dosen-card:nth-child(5) .card-divider { background: var(--gold-dark); }\r\n\r\n .card-role {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n font-size: 11.5px;\r\n font-weight: 600;\r\n color: var(--gray-500);\r\n text-transform: uppercase;\r\n letter-spacing: 0.07em;\r\n }\r\n\r\n .card-role::before {\r\n content: '';\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: currentColor;\r\n opacity: 0.5;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FOOTER STRIP\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .footer-strip {\r\n background: linear-gradient(90deg, var(--blue-l) 0%, var(--violet) 50%, var(--pink) 100%);\r\n padding: 28px 32px;\r\n text-align: center;\r\n }\r\n\r\n .footer-strip p {\r\n font-size: 13px;\r\n color: rgba(255,255,255,0.7);\r\n }\r\n\r\n .footer-strip strong { color: white; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ENTRANCE ANIMATIONS\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(24px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .hero-inner { animation: fadeUp 0.7s ease both; }\r\n\r\n .coordinator-card {\r\n animation: fadeUp 0.7s 0.2s ease both;\r\n }\r\n\r\n .dosen-card:nth-child(1) { animation: fadeUp 0.6s 0.05s ease both; }\r\n .dosen-card:nth-child(2) { animation: fadeUp 0.6s 0.12s ease both; }\r\n .dosen-card:nth-child(3) { animation: fadeUp 0.6s 0.19s ease both; }\r\n .dosen-card:nth-child(4) { animation: fadeUp 0.6s 0.26s ease both; }\r\n .dosen-card:nth-child(5) { animation: fadeUp 0.6s 0.33s ease both; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESPONSIVE\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 680px) {\r\n .coordinator-card { grid-template-columns: 1fr; }\r\n .coord-photo-wrap { height: 280px; }\r\n .coord-info { padding: 28px; }\r\n .coord-info::before { display: none; }\r\n .dosen-grid { grid-template-columns: 1fr 1fr; gap: 16px; }\r\n .card-photo { height: 200px; }\r\n .hero { padding: 56px 24px 80px; }\r\n }\r\n\r\n @media (max-width: 420px) {\r\n .dosen-grid { grid-template-columns: 1fr; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<!-- \u2500\u2500\u2500 COORDINATOR SPOTLIGHT \u2500\u2500\u2500 -->\r\n<div class=\"coordinator-section\">\r\n <div class=\"section-label\">Koordinator Program Studi<\/div>\r\n\r\n <div class=\"coordinator-card\">\r\n <div class=\"coord-photo-wrap\">\r\n <img decoding=\"async\"\r\n src=\"http:\/\/pspa.fmipa.untad.ac.id\/wp-content\/uploads\/2026\/05\/RFD_3770-scaled.jpg\"\r\n alt=\"Dr. apt. Yuliet, S.Si., M.Si.\"\r\n loading=\"lazy\"\r\n \/>\r\n <\/div>\r\n <div class=\"coord-info\">\r\n <div class=\"coord-badge\">\u2b50 Koordinator Prodi<\/div>\r\n <h2 class=\"coord-name\">Dr. apt. Yuliet,<br>S.Si., M.Si.<\/h2>\r\n <div class=\"divider-sm\"><\/div>\r\n <div class=\"coord-meta\">\r\n <div class=\"meta-row\">\r\n <div class=\"meta-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n <div>\r\n <div class=\"meta-label\">Institusi<\/div>\r\n <div class=\"meta-value\">Universitas Tadulako, Palu<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"meta-row\">\r\n <div class=\"meta-icon\">\ud83d\udcda<\/div>\r\n <div>\r\n <div class=\"meta-label\">Program Studi<\/div>\r\n <div class=\"meta-value\">Pendidikan Profesi Apoteker (PSPPA) \u2014 FMIPA UNTAD<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"meta-row\">\r\n <div class=\"meta-icon\">\ud83c\udf96\ufe0f<\/div>\r\n <div>\r\n <div class=\"meta-label\">Akreditasi Prodi<\/div>\r\n <div class=\"meta-value\">Terakreditasi BAIK \u2014 LAM-PTKes 2024<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2500\u2500\u2500 DOSEN GRID \u2500\u2500\u2500 -->\r\n<div class=\"dosen-section\">\r\n <div class=\"section-label\">Dosen Pengajar<\/div>\r\n\r\n <div class=\"dosen-grid\">\r\n\r\n <!-- 1. Ame -->\r\n <div class=\"dosen-card\">\r\n <div class=\"card-photo\">\r\n <span class=\"card-num\">02<\/span>\r\n <img decoding=\"async\" src=\"http:\/\/pspa.fmipa.untad.ac.id\/wp-content\/uploads\/2026\/05\/RFD_3808-scaled.jpg\"\r\n alt=\"apt. Amelia Rumi, S.Farm., M.Sc.\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-name\">apt. Amelia Rumi<\/div>\r\n <div class=\"card-degree\">S.Farm., M.Sc.<\/div>\r\n <div class=\"card-divider\"><\/div>\r\n <span class=\"card-role\">Dosen Tetap<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 2. Khusnul -->\r\n <div class=\"dosen-card\">\r\n <div class=\"card-photo\">\r\n <span class=\"card-num\">03<\/span>\r\n <img decoding=\"async\" src=\"http:\/\/pspa.fmipa.untad.ac.id\/wp-content\/uploads\/2026\/05\/RFD_3804-scaled.jpg\"\r\n alt=\"apt. Khusnul Diana, S.Farm., M.Sc.\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-name\">apt. Khusnul Diana<\/div>\r\n <div class=\"card-degree\">S.Farm., M.Sc.<\/div>\r\n <div class=\"card-divider\"><\/div>\r\n <span class=\"card-role\">Dosen Tetap<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 3. Recky -->\r\n <div class=\"dosen-card\">\r\n <div class=\"card-photo\">\r\n <span class=\"card-num\">04<\/span>\r\n <img decoding=\"async\" src=\"http:\/\/pspa.fmipa.untad.ac.id\/wp-content\/uploads\/2026\/05\/RFD_3787-scaled.jpg\"\r\n alt=\"apt. Recky Patala, S.Farm., M.Farm.\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-name\">apt. Recky Patala<\/div>\r\n <div class=\"card-degree\">S.Farm., M.Farm.<\/div>\r\n <div class=\"card-divider\"><\/div>\r\n <span class=\"card-role\">Dosen Tetap<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 4. Ana (Asriana) -->\r\n <div class=\"dosen-card\">\r\n <div class=\"card-photo\">\r\n <span class=\"card-num\">05<\/span>\r\n <img decoding=\"async\" src=\"http:\/\/pspa.fmipa.untad.ac.id\/wp-content\/uploads\/2026\/05\/RFD_3798-scaled.jpg\"\r\n alt=\"apt. Asriana Sultan, S.Farm., M.Si.\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-name\">apt. Asriana Sultan<\/div>\r\n <div class=\"card-degree\">S.Farm., M.Si.<\/div>\r\n <div class=\"card-divider\"><\/div>\r\n <span class=\"card-role\">Dosen Tetap<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 5. Aldi (Rinaldhi) -->\r\n <div class=\"dosen-card\">\r\n <div class=\"card-photo\">\r\n <span class=\"card-num\">06<\/span>\r\n <img decoding=\"async\" src=\"http:\/\/pspa.fmipa.untad.ac.id\/wp-content\/uploads\/2026\/05\/RFD_3780-scaled.jpg\"\r\n alt=\"apt. Muhamad Rinaldhi Tandah, S.Farm., M.Sc.\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-name\">apt. Muhamad Rinaldhi Tandah<\/div>\r\n <div class=\"card-degree\">S.Farm., M.Sc.<\/div>\r\n <div class=\"card-divider\"><\/div>\r\n <span class=\"card-role\">Dosen Tetap<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tim Dosen \u2014 PSPPA Universitas Tadulako Program Studi Pendidikan Profesi Apoteker Tim DosenPSPPA UNTAD Didukung oleh tenaga pengajar berpengalaman dan berkompeten di bidang kefarmasian, siap membimbing setiap mahasiswa menuju kompetensi apoteker profesional. Tim Dosen \u2014 PSPPA Universitas Tadulako Koordinator Program Studi \u2b50 Koordinator Prodi Dr. apt. Yuliet,S.Si., M.Si. \ud83c\udfdb\ufe0f Institusi Universitas Tadulako, Palu \ud83d\udcda Program […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-2872","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pspa.fmipa.untad.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/2872","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pspa.fmipa.untad.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pspa.fmipa.untad.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pspa.fmipa.untad.ac.id\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pspa.fmipa.untad.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2872"}],"version-history":[{"count":33,"href":"https:\/\/pspa.fmipa.untad.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/2872\/revisions"}],"predecessor-version":[{"id":3646,"href":"https:\/\/pspa.fmipa.untad.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/2872\/revisions\/3646"}],"wp:attachment":[{"href":"https:\/\/pspa.fmipa.untad.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}