{"id":1736,"date":"2026-04-02T13:02:32","date_gmt":"2026-04-02T06:02:32","guid":{"rendered":"https:\/\/upabahasa.unsil.ac.id\/?page_id=1736"},"modified":"2026-04-02T13:03:04","modified_gmt":"2026-04-02T06:03:04","slug":"struktur-dan-team","status":"publish","type":"page","link":"https:\/\/upabahasa.unsil.ac.id\/en\/struktur-dan-team\/","title":{"rendered":"struktur dan team"},"content":{"rendered":"<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.css\">\n\n<style>\n\n\/* PAGE *\/\n\n.team-page{\nmax-width:1200px;\nmargin:auto;\npadding:60px 20px;\nfont-family:system-ui,-apple-system,Segoe UI,Roboto;\n}\n\n\/* TITLE *\/\n\n.team-title{\ntext-align:center;\nfont-size:34px;\nfont-weight:700;\nmargin-bottom:10px;\n}\n\n.team-sub{\ntext-align:center;\ncolor:#6b7280;\nmargin-bottom:40px;\n}\n\n\/* STRUKTUR *\/\n\n.structure-box{\nbackground:#fff;\nborder:1px solid #e5e7eb;\nborder-radius:16px;\npadding:25px;\nmargin-bottom:60px;\ntext-align:center;\n}\n\n.structure-box img{\nwidth:100%;\nmax-width:900px;\nborder-radius:10px;\n}\n\n\/* GRID *\/\n\n.team-grid{\ndisplay:grid;\ngrid-template-columns:repeat(auto-fit,minmax(220px,1fr));\ngap:24px;\n}\n\n\/* CARD *\/\n\n.member-card{\nbackground:#fff;\nborder-radius:16px;\nborder:1px solid #eee;\noverflow:hidden;\nbox-shadow:0 10px 26px rgba(0,0,0,0.06);\ntransition:.3s;\ncursor:pointer;\n}\n\n.member-card:hover{\ntransform:translateY(-6px);\nbox-shadow:0 20px 40px rgba(0,0,0,0.12);\n}\n\n\/* FOTO PORTRAIT *\/\n\n.member-photo{\naspect-ratio:3\/4;\noverflow:hidden;\n}\n\n.member-photo img{\nwidth:100%;\nheight:100%;\nobject-fit:cover;\n}\n\n\/* BODY *\/\n\n.member-body{\npadding:18px;\ntext-align:center;\n}\n\n.member-name{\nfont-weight:700;\nmargin-bottom:4px;\n}\n\n.member-role{\nfont-size:14px;\ncolor:#2563eb;\nmargin-bottom:6px;\n}\n\n.member-btn{\nfont-size:13px;\ncolor:#6b7280;\n}\n\n\/* MODAL *\/\n\n.modal{\ndisplay:none;\nposition:fixed;\ntop:0;\nleft:0;\nwidth:100%;\nheight:100%;\nbackground:rgba(0,0,0,0.5);\njustify-content:center;\nalign-items:center;\npadding:20px;\nz-index:999;\n}\n\n.modal-content{\nbackground:#fff;\nmax-width:650px;\nwidth:100%;\nborder-radius:16px;\npadding:30px;\nposition:relative;\nmax-height:90vh;\noverflow-y:auto;\n}\n\n.modal-close{\nposition:absolute;\ntop:10px;\nright:15px;\nfont-size:22px;\ncursor:pointer;\n}\n\n.modal-photo{\nwidth:150px;\nheight:200px;\noverflow:hidden;\nborder-radius:10px;\nmargin:auto;\nmargin-bottom:15px;\n}\n\n.modal-photo img{\nwidth:100%;\nheight:100%;\nobject-fit:cover;\n}\n\n.modal-name{\nfont-weight:700;\ntext-align:center;\nfont-size:18px;\n}\n\n.modal-role{\ntext-align:center;\ncolor:#2563eb;\nmargin-bottom:20px;\n}\n\n.modal-title{\nfont-weight:600;\nmargin-bottom:10px;\n}\n\n.modal-list{\npadding-left:18px;\ncolor:#374151;\nfont-size:14px;\nline-height:1.7;\n}\n\n.modal-list li{\nmargin-bottom:6px;\n}\n\n\/* RESPONSIVE TABLET *\/\n\n@media (max-width:900px){\n\n.team-title{\nfont-size:28px;\n}\n\n.structure-box{\npadding:20px;\n}\n\n}\n\n\/* RESPONSIVE MOBILE *\/\n\n@media (max-width:600px){\n\n.team-page{\npadding:40px 15px;\n}\n\n.team-title{\nfont-size:24px;\n}\n\n.team-sub{\nfont-size:14px;\n}\n\n.team-grid{\ngap:18px;\n}\n\n.member-body{\npadding:15px;\n}\n\n.member-role{\nfont-size:13px;\n}\n\n.modal-content{\npadding:20px;\n}\n\n.modal-photo{\nwidth:120px;\nheight:160px;\n}\n\n}\n\n<\/style>\n\n\n\n<section class=\"team-page\">\n\n<div class=\"team-title\">\nTim UPA Bahasa\n<\/div>\n\n<div class=\"team-sub\">\nStruktur Kepengurusan UPA Bahasa Universitas Siliwangi\n<\/div>\n\n\n\n<!-- STRUKTUR ORGANISASI -->\n\n<div class=\"structure-box\">\n\n<h3 style=\"margin-bottom:15px;\">Struktur Organisasi<\/h3>\n\n<img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/900x400?text=Struktur+Organisasi+UPA+Bahasa\">\n\n<\/div>\n\n\n\n<!-- TEAM GRID -->\n\n<div class=\"team-grid\">\n\n\n<!-- MEMBER 1 -->\n\n<div class=\"member-card\" onclick=\"openModal('modal1')\">\n\n<div class=\"member-photo\">\n<img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\">\n<\/div>\n\n<div class=\"member-body\">\n\n<div class=\"member-name\">\nDr. Ahmad Fauzi\n<\/div>\n\n<div class=\"member-role\">\nKepala UPA Bahasa\n<\/div>\n\n<div class=\"member-btn\">\n<i class=\"bi bi-info-circle\"><\/i> Lihat Tupoksi\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n<!-- MEMBER 2 -->\n\n<div class=\"member-card\" onclick=\"openModal('modal2')\">\n\n<div class=\"member-photo\">\n<img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/44.jpg\">\n<\/div>\n\n<div class=\"member-body\">\n\n<div class=\"member-name\">\nSiti Rahmawati\n<\/div>\n\n<div class=\"member-role\">\nSekretaris\n<\/div>\n\n<div class=\"member-btn\">\n<i class=\"bi bi-info-circle\"><\/i> Lihat Tupoksi\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n<!-- MEMBER 3 -->\n\n<div class=\"member-card\" onclick=\"openModal('modal3')\">\n\n<div class=\"member-photo\">\n<img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/55.jpg\">\n<\/div>\n\n<div class=\"member-body\">\n\n<div class=\"member-name\">\nBudi Santoso\n<\/div>\n\n<div class=\"member-role\">\nKoordinator Pelatihan\n<\/div>\n\n<div class=\"member-btn\">\n<i class=\"bi bi-info-circle\"><\/i> Lihat Tupoksi\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- MODAL 1 -->\n\n<div class=\"modal\" id=\"modal1\">\n\n<div class=\"modal-content\">\n\n<div class=\"modal-close\" onclick=\"closeModal('modal1')\">\n<i class=\"bi bi-x\"><\/i>\n<\/div>\n\n<div class=\"modal-photo\">\n<img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\">\n<\/div>\n\n<div class=\"modal-name\">\nDr. Ahmad Fauzi\n<\/div>\n\n<div class=\"modal-role\">\nKepala UPA Bahasa\n<\/div>\n\n<div class=\"modal-title\">\nTugas Pokok dan Fungsi\n<\/div>\n\n<ul class=\"modal-list\">\n\n<li>Menyusun perencanaan program kerja UPA Bahasa<\/li>\n<li>Mengelola layanan pelatihan bahasa<\/li>\n<li>Mengembangkan program peningkatan kompetensi bahasa<\/li>\n<li>Mengkoordinasikan pelaksanaan TELP<\/li>\n<li>Melakukan evaluasi kegiatan UPA Bahasa<\/li>\n\n<\/ul>\n\n<\/div>\n\n<\/div>\n\n\n\n<!-- MODAL 2 -->\n\n<div class=\"modal\" id=\"modal2\">\n\n<div class=\"modal-content\">\n\n<div class=\"modal-close\" onclick=\"closeModal('modal2')\">\n<i class=\"bi bi-x\"><\/i>\n<\/div>\n\n<div class=\"modal-photo\">\n<img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/44.jpg\">\n<\/div>\n\n<div class=\"modal-name\">\nSiti Rahmawati\n<\/div>\n\n<div class=\"modal-role\">\nSekretaris\n<\/div>\n\n<div class=\"modal-title\">\nTugas Pokok dan Fungsi\n<\/div>\n\n<ul class=\"modal-list\">\n\n<li>Mengelola administrasi kegiatan<\/li>\n<li>Menyusun laporan kegiatan<\/li>\n<li>Mendokumentasikan kegiatan UPA Bahasa<\/li>\n<li>Mengelola surat menyurat<\/li>\n\n<\/ul>\n\n<\/div>\n\n<\/div>\n\n\n\n<script>\n\nfunction openModal(id){\ndocument.getElementById(id).style.display=\"flex\";\n}\n\nfunction closeModal(id){\ndocument.getElementById(id).style.display=\"none\";\n}\n\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Tim UPA Bahasa Struktur Kepengurusan UPA Bahasa Universitas Siliwangi Struktur Organisasi Dr. Ahmad Fauzi Kepala UPA Bahasa Lihat Tupoksi Siti Rahmawati Sekretaris Lihat Tupoksi Budi Santoso Koordinator Pelatihan Lihat Tupoksi Dr. Ahmad Fauzi Kepala UPA Bahasa Tugas Pokok dan Fungsi Menyusun perencanaan program kerja UPA Bahasa Mengelola layanan pelatihan bahasa Mengembangkan program peningkatan kompetensi bahasa [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1736","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/upabahasa.unsil.ac.id\/en\/wp-json\/wp\/v2\/pages\/1736","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/upabahasa.unsil.ac.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/upabahasa.unsil.ac.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/upabahasa.unsil.ac.id\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/upabahasa.unsil.ac.id\/en\/wp-json\/wp\/v2\/comments?post=1736"}],"version-history":[{"count":2,"href":"https:\/\/upabahasa.unsil.ac.id\/en\/wp-json\/wp\/v2\/pages\/1736\/revisions"}],"predecessor-version":[{"id":1738,"href":"https:\/\/upabahasa.unsil.ac.id\/en\/wp-json\/wp\/v2\/pages\/1736\/revisions\/1738"}],"wp:attachment":[{"href":"https:\/\/upabahasa.unsil.ac.id\/en\/wp-json\/wp\/v2\/media?parent=1736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}