Our Team<\/title>\n <style>\n body {\n font-family: 'trebuchet MS','Segoe UI', sans-serif;\n background-color: #F2F7FC;\n margin: 0;\n padding: 0;\n }\n\n .team-section {\n text-align: center;\n font-family:'segoe UI';\n \n padding: 60px 20px;\n background-color: #fff;\n }\n\n .team-section h2 {\n font-size: 40px;\n margin-bottom: 40px;\n color: #333;\n }\n\n .team-container {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 40px;\n }\n\n .team-member {\n background: linear-gradient(145deg, #F2F2FC, #F2F7FC);\n border-radius: 15px;\n box-shadow: 0 8px 16px rgba(0,0,0,0.1);\n width: 260px;\n padding: 25px;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .team-member:hover {\n transform: translateY(-8px);\n box-shadow: 0 12px 24px rgba(0,0,0,0.15);\n }\n\n .team-member img {\n width: 120px;\n height: 120px;\n border-radius: 50%;\n object-fit: cover;\n margin-bottom: 15px;\n border: 4px solid #007BFF;\n }\n\n .team-member h3 {\n margin: 10px 0 5px;\n font-size: 22px;\n color: #333;\n }\n\n .team-member p {\n font-size: 15px;\n color: #666;\n margin-bottom: 15px;\n }\n\n .team-member button {\n background-color: #007BFF;\n color: white;\n border: none;\n padding: 10px 18px;\n border-radius: 8px;\n cursor: pointer;\n font-size: 14px;\n transition: background-color 0.3s ease;\n }\n\n .team-member button:hover {\n background-color: #0056b3;\n }\n\n .popup {\n display: none;\n position: fixed;\n z-index: 1000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n backdrop-filter: blur(5px);\n background-color: rgba(0,0,0,0.4);\n animation: fadeIn 0.3s ease forwards;\n }\n\n .popup-content {\n background-color: #fff;\n margin: 10% auto;\n padding: 30px;\n border-radius: 15px;\n width: 90%;\n max-width: 400px;\n text-align: left;\n position: relative;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n animation: slideUp 0.4s ease forwards;\n }\n\n .popup-content h3 {\n margin-top: 0;\n font-size: 24px;\n color: #007BFF;\n }\n\n .popup-content p {\n font-size: 16px;\n color: #444;\n line-height: 1.6;\n }\n\n .close-btn {\n position: absolute;\n top: 15px;\n right: 20px;\n font-size: 24px;\n font-weight: bold;\n color: #333;\n cursor: pointer;\n transition: color 0.3s ease;\n }\n\n .close-btn:hover {\n color: red;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n @keyframes slideUp {\n from { transform: translateY(50px); opacity: 0; }\n to { transform: translateY(0); opacity: 1; }\n }\n \n \n \n\n .container17 {\n max-width: 600px;\n margin: auto;\n border: 1px solid #ddd;\n padding: 20px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n display: flex;\n align-items: flex-start;\n gap: 20px;\n }\n .profile-image {\n max-width: 250px;\n height: auto;\n border-radius: 8px;\n }\n .bio-text {\n flex-grow: 1;\n }\n h1 {\n color: #2c3e50;\n margin-top: 0;\n }\n ul {\n list-style-type: none;\n padding: 0;\n }\n ul li {\n \n margin-bottom: 10px;\n padding: 6px;\n \n }\n \n \/* Media Queries untuk tampilan responsif *\/\n @media (max-width: 600px) {\n .container {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n .profile-image {\n max-width: 150px; \/* Ukuran gambar lebih kecil di HP *\/\n }\n .bio-text {\n margin-top: 20px;\n }\n }\n \n \n .profile-card-container {\n\t\t\t\t width: 100%;\n\t\t\t\t \/* Batasan lebar maksimum utama lebih ketat untuk mobile *\/\n\t\t\t\t max-width: 350px; \n\t\t\t\t box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n\t\t\t\t border-radius: 20px;\n\t\t\t\t padding: 15px; \/* Padding dikurangi *\/\n\t\t\t\t background-color: #fff;\n\t\t\t\t filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.1));\n\t\t\t\t}\n\n\t\t\t\t.profile-card {\n\t\t\t\t background-color: #fff;\n\t\t\t\t border: 1px solid #ddd;\n\t\t\t\t border-radius: 18px;\n\t\t\t\t padding: 30px 15px; \/* Padding internal disesuaikan *\/\n\t\t\t\t text-align: center;\n\t\t\t\t}\n\n\t\t\t\t\/* --- Gambar Profil --- *\/\n\t\t\t\t.profile-image-wrapper {\n\t\t\t\t display: flex;\n\t\t\t\t justify-content: center;\n\t\t\t\t margin-bottom: 25px; \/* Jarak dikurangi *\/\n\t\t\t\t}\n\n\t\t\t\t.profile-image-circle {\n\t\t\t\t \/* Ukuran gambar disesuaikan agar tidak terlalu besar di mobile *\/\n\t\t\t\t width: 100px;\n\t\t\t\t height: 100px;\n\t\t\t\t border-radius: 50%;\n\t\t\t\t overflow: hidden;\n\t\t\t\t border: 4px solid #007bff; \/* Border disesuaikan *\/\n\t\t\t\t box-shadow: 0 0 0 2px #fff, 0 0 0 4px #007bff; \/* Efek cincin disesuaikan *\/\n\t\t\t\t}\n\n\t\t\t\t.profile-image {\n\t\t\t\t width: 100%;\n\t\t\t\t height: 100%;\n\t\t\t\t object-fit: cover;\n\t\t\t\t display: block;\n\t\t\t\t}\n\n\t\t\t\t\/* --- Kotak Informasi --- *\/\n\t\t\t\t.\/* --- Bagian Card Utama (Dikembalikan ke Border Solid Tipis) --- *\/\n\t\t\t\t.profile-card {\n\t\t\t\t background-color: #fff;\n\t\t\t\t \/* Border kembali menjadi solid, tidak ada border-image di sini *\/\n\t\t\t\t border: 1px solid #ddd; \n\t\t\t\t border-radius: 18px;\n\t\t\t\t padding: 30px 15px;\n\t\t\t\t text-align: center;\n\t\t\t\t}\n\n\t\t\t\t\/* ... Gambar Profil, Ikon Email, dll. tetap sama ... *\/\n\n\t\t\t\t\/* --- Kotak Informasi --- *\/\n\t\t\t\t.info-box {\n\t\t\t\t background-color: #fff;\n\t\t\t\t border: 1px solid #333;\n\t\t\t\t border-radius: 25px;\n\t\t\t\t padding: 10px 15px;\n\t\t\t\t margin-bottom: 12px;\n\t\t\t\t text-align: center;\n\t\t\t\t font-weight: 600;\n\t\t\t\t letter-spacing: 0.5px;\n\t\t\t\t box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n\t\t\t\t}\n\n\t\t\t\t\/* --- Kotak Informasi (Nama, Posisi, Departemen) --- *\/\n\t\t\t\t.info-box {\n\t\t\t\t background-color: #fff;\n\t\t\t\t \n\t\t\t\t \/* 1. Mengurangi ketebalan border (menjadi 1px) *\/\n\t\t\t\t border: 1px solid transparent; \n\t\t\t\t \n\t\t\t\t \/* 2. Meningkatkan kelengkungan sudut (border-radius) *\/\n\t\t\t\t border-radius: 50px; \/* Nilai tinggi untuk efek kapsul yang lebih melengkung *\/\n\t\t\t\t \n\t\t\t\t \/* Mengurangi padding internal agar tidak terlalu tebal \n\t\t\t\t padding: 8px 15px; \n\t\t\t\t margin-bottom: 10px;\n\t\t\t\t text-align: center;\n\t\t\t\t font-weight: 600;\n\t\t\t\t letter-spacing: 0.5px;\n\t\t\t\t box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n\n\t\t\t\t \/* 3. Menerapkan Border Image Gradasi Biru dengan ketebalan 1px\n\t\t\t\t border-image: linear-gradient(\n\t\t\t\t\tto right, \n\t\t\t\t\t#007bff, \/* Biru Muda *\/\n\t\t\t\t\t#0056b3 \/* Biru Tua *\/\n\t\t\t\t ) 10 \/ 1px round; \/* Lebar garis gradasi diubah menjadi 1px\n\t\t\t\t}\n\t\t\t\t-- *\/\n\t\t\t\t.info-box {\n\t\t\t\t\/* ... Kode CSS lainnya tetap sama ... *\/\n\t\t\t\t\/* ... Bagian Nama, Posisi, Departemen, dan Media Query lainnya tetap sama ... *\/\n\n\t\t\t\t.name {\n\t\t\t\t \/* Ukuran font NAMA dikecilkan untuk mobile *\/\n\t\t\t\t font-size: 1.2em; \n\t\t\t\t text-transform: uppercase;\n\t\t\t\t color: #333;\n\t\t\t\t font-family: Arial, sans-serif; \n\t\t\t\t font-weight: 900;\n\t\t\t\t padding: 8px 15px;\n\t\t\t\t}\n\n\t\t\t\t.position {\n\t\t\t\t \/* Ukuran font POSISI disesuaikan *\/\n\t\t\t\t font-size: 0.9em; \n\t\t\t\t color: #333;\n\t\t\t\t}\n\n\t\t\t\t.department {\n\t\t\t\t \/* Ukuran font DEPARTEMEN disesuaikan *\/\n\t\t\t\t font-size: 0.8em; \n\t\t\t\t color: #333;\n\t\t\t\t}\n\n\t\t\t\t\/* --- Ikon (Email) --- *\/\n\t\t\t\t.icon-box {\n\t\t\t\t margin-top: 20px; \/* Jarak dikurangi *\/\n\t\t\t\t}\n\n\t\t\t\t.icon-box i {\n\t\t\t\t \/* Ukuran ikon disesuaikan *\/\n\t\t\t\t font-size: 2em; \n\t\t\t\t color: #333;\n\t\t\t\t}\n\n\t\t\t\t\/* MEDIA QUERY KHUSUS UNTUK LAYAR YANG SANGAT KECIL (misal di bawah 320px) *\/\n\t\t\t\t@media (max-width: 350px) {\n\t\t\t\t .name {\n\t\t\t\t\tfont-size: 1.1em;\n\t\t\t\t }\n\t\t\t\t .position, .department {\n\t\t\t\t\tfont-size: 0.8em;\n\t\t\t\t }\n\t\t\t\t}\n\t\t\t\t \n \n <\/style>\n<\/head>\n<body>\n <section class=\"team-section\">\n <h2>Administration <\/h2><br\/>\n <div class=\"team-container\">\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/abd-hapid.jpeg\" alt=\"Foto KTU\">\n <h3>Abdul Hapid, S.Kom.<\/h3>\n <p>Kepala Tata Usaha<\/p>\n <button onclick=\"openPopup('bio1')\">Detail<\/button>\n <\/div>\n \n\t <div class=\"team-member\">\n\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/yuli.png\" alt=\"Foto yuli\">\n\t\t<h3>Yuli Rohmalia, MM<\/h3>\n\t\t<p>Administrasi Akademik (S1)<\/p>\n\t\t<button onclick=\"openPopup('bio2')\">Detail<\/button>\n\t <\/div>\n\t\t\t<div class=\"team-member\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/09\/FRD-2025-4.png\" alt=\"Foto FRD\">\n\t\t\t\t<h3>Ahmad Farid Firdaus, A.Md.<\/h3>\n\t\t\t\t<p>Administrasi Akademik (S2) & IT-Support<\/p>\n\t\t\t\t<button onclick=\"openPopup('bio3')\">Detail<\/button>\n\t \t\t<\/div>\n\t\t\t\t\t<div class=\"team-member\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/abdi-2.png\" alt=\"Foto FRD\">\n\t\t\t\t\t\t<h3>Moch. Abdillah<\/h3>\n\t\t\t\t\t\t<p>Administrasi Akademik (S3)<\/p>\n\t\t\t\t\t\t<button onclick=\"openPopup('bio4')\">Detail<\/button>\n\t\t\t \t\t<\/div>\n\t\t\t\t<div class=\"team-member\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/adi.png\" alt=\"Foto FRD\">\n\t\t\t\t\t<h3>Iswadi<\/h3>\n\t\t\t\t\t<p>Administrasi Keuangan<\/p>\n\t\t\t\t\t<button onclick=\"openPopup('bio5')\">Detail<\/button>\n\t\t \t\t<\/div>\n\t \t\t<div class=\"team-member\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/egi.png\" alt=\"Foto eggy\">\n\t\t\t\t<h3>Eggy Gumelar<\/h3>\n\t\t\t\t<p>Sumber Daya Manusia (SDM)<\/p>\n\t\t\t\t<button onclick=\"openPopup('bio6')\">Detail<\/button>\n\t \t\t<\/div>\n\t \t<div class=\"team-member\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/09\/shinta-jurnal-2.png\" alt=\"Foto shinta\">\n\t\t\t<h3>Shinta Erma Ferra, A.Md.<\/h3>\n\t\t\t<p>Journal Manajemen<\/p>\n\t\t\t<button onclick=\"openPopup('bio7')\">Detail<\/button>\n\t \t<\/div>\n\n <\/div>\n <\/section>\n \n \n \n <section class=\"team-section\">\n <h2>Laboran & Technician<\/h2><br\/>\n <div class=\"team-container\">\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/Henda.png\" alt=\"Foto henda\">\n <h3>Henda<\/h3>\n <p>Teknisi<\/p>\n <button onclick=\"openPopup('bio8')\">Detail<\/button>\n <\/div>\n \n\t <div class=\"team-member\">\n\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/lina-m-batik-0.jpeg\" alt=\"Foto Lina M\">\n\t\t<h3>Lina Mulyani<\/h3>\n\t\t<p>Laboran<\/p>\n\t\t<button onclick=\"openPopup('bio9')\">Detail<\/button>\n\t <\/div>\n\t\t\t<div class=\"team-member\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/adna-s.png\" alt=\"Foto Adna\">\n\t\t\t\t<h3>Adna Sumadikarta, S.Si, M.Ling.<\/h3>\n\t\t\t\t<p>Laboran<\/p>\n\t\t\t\t<button onclick=\"openPopup('bio10')\">Detail<\/button>\n\t \t\t<\/div>\n\t\t\t\t<div class=\"team-member\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/09\/akbar.jpeg\" alt=\"Foto Akbar\">\n\t\t\t\t\t<h3>Akbar Firdaus<\/h3>\n\t\t\t\t\t<p>Laboran<\/p>\n\t\t\t\t\t<button onclick=\"openPopup('bio11')\">Detail<\/button>\n\t \t\t\t<\/div>\n\t \t\t\t<div class=\"team-member\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/Retno.png\" alt=\"Foto Retno\">\n\t\t\t\t\t<h3>Retno Meilasari Nurulita Lubis, S.Si<\/h3>\n\t\t\t\t\t<p>Laboran<\/p>\n\t\t\t\t\t<button onclick=\"openPopup('bio12')\">Detail<\/button>\n\t \t\t\t<\/div>\n\t \t\t\t<div class=\"team-member\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/09\/laboran-nisa-lingkungan.png\" alt=\"Foto nisa\">\n\t\t\t\t\t<h3>Nisa Salsabila<\/h3>\n\t\t\t\t\t<p>Laboran<\/p>\n\t\t\t\t\t<button onclick=\"openPopup('bio13')\">Detail<\/button>\n\t \t\t\t<\/div>\n\t \t\t\t\n\t \t\t\t<div class=\"team-member\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/09\/vdfya.png\" alt=\"Foto pidya\">\n\t\t\t\t\t<h3>Vidia Septiana<\/h3>\n\t\t\t\t\t<p>Teknisi Lab.<\/p>\n\t\t\t\t\t<button onclick=\"openPopup('bio14')\">Detail<\/button>\n\t \t\t\t<\/div>\n\t \t\t\t\n\t \t\t\t\n\t \t\t\t<div class=\"team-member\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/09\/yanuar-3.png\" alt=\"Foto yanuar\">\n\t\t\t\t\t<h3>Yanuar<\/h3>\n\t\t\t\t\t<p>Teknisi Lab.<\/p>\n\t\t\t\t\t<button onclick=\"openPopup('bio15')\">Detail<\/button>\n\t \t\t\t<\/div>\n\t \t\t\t\n\t \t\t\t<div class=\"team-member\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/Wasjan.png\" alt=\"Foto wasjan\">\n\t\t\t\t\t<h3>Wasjan<\/h3>\n\t\t\t\t\t<p>Laboran<\/p>\n\t\t\t\t\t<button onclick=\"openPopup('bio16')\">Detail<\/button>\n\t \t\t\t<\/div>\n\n <\/div>\n <\/section>\n \n h\n \n \n\n <section class=\"team-section\">\n <h2>Fish Pond technician <\/h2><br\/>\n <div class=\"team-container\">\n\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/arman-s.png\" alt=\"Foto Arman\">\n <h3>Arman Sanusi<\/h3>\n <p>Teknisi <\/p>\n <button onclick=\"openPopup('bio17')\">Detail<\/button>\n <\/div>\n\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/Devi-s.png\" alt=\"Foto Devi\">\n <h3>Devi Yusman<\/h3>\n <p>Teknisi<\/p>\n <button onclick=\"openPopup('bio18')\">Detail<\/button>\n <\/div>\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/Sunandar.png\" alt=\"Foto Sunandar\">\n <h3>Sunandar<\/h3>\n <p>Teknisi <\/p>\n <button onclick=\"openPopup('bio19')\">Detail<\/button>\n <\/div>\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/dedi-s.png\" alt=\"Foto Dedi\">\n <h3>Dedi Supriadi<\/h3>\n <p>Teknisi <\/p>\n <button onclick=\"openPopup('bio20')\">Detail<\/button>\n <\/div>\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/Madyusi.png\" alt=\"Foto adnan\">\n <h3>Madyusi<\/h3>\n <p>Teknisi <\/p>\n <button onclick=\"openPopup('bio21')\">Detail<\/button>\n <\/div>\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/adnan.png\" alt=\"Foto adnan\">\n <h3>Muhammad Adnan<\/h3>\n <p>Teknisi <\/p>\n <button onclick=\"openPopup('bio22')\">Detail<\/button>\n <\/div>\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/09\/yurizal-1.png\" alt=\"Foto rizal\">\n <h3>Yusrizal<\/h3>\n <p>Teknisi<\/p>\n <button onclick=\"openPopup('bio23')\">Detail<\/button>\n <\/div>\n\t \t\t\t<div class=\"team-member\">\n\t\t\t\t <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/M.Rupi-2-1.jpg\" alt=\"Foto M. Rupi\">\n\t\t\t\t <h3>Muhamad Rupi<\/h3>\n\t\t\t\t <p>Teknisi Listrik<\/p>\n\t\t\t\t <button onclick=\"openPopup('bio24')\">Detail<\/button>\n\t \t\t\t<\/div>\n\n <\/div>\n <\/section>\n \n<section class=\"team-section\">\n <h2>Office Attendant <\/h2><br\/>\n <div class=\"team-container\">\n\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/sariah.png\" alt=\"Foto BSI\">\n <h3>Sariah<\/h3>\n <p>Pramu Kantor <\/p>\n <button onclick=\"openPopup('bio25')\">Detail<\/button>\n <\/div>\n\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/02\/herlin.jpg\" alt=\"Foto herlina\">\n <h3>Herlina<\/h3>\n <p>Pramu Kantor<\/p>\n <button onclick=\"openPopup('bio26')\">Detail<\/button>\n <\/div>\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/06\/dedi-surahm.png\" alt=\"Foto dedi surahman\">\n <h3>Dedi Surahman<\/h3>\n <p>Cleaning Services<\/p>\n <button onclick=\"openPopup('bio27')\">Detail<\/button>\n <\/div>\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/06\/rendy.png\" alt=\"Foto rendi\">\n <h3>Rendi Pratama <\/h3>\n <p>Cleaning Services<\/p>\n <button onclick=\"openPopup('bio28')\">Detail<\/button>\n <\/div>\n \n \n\n <\/div>\n <\/section>\n \n \n \n \n\n\n \t\t\t\t<div id=\"bio1\" class=\"popup\">\n\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t <span class=\"close-btn\" onclick=\"closePopup('bio1')\">×<\/span>\n\t\t\t\t\t \n\t\t\t\t\t\t<div class=\"profile-card-container\">\n\t\t\t\t\t\t\t<div class=\"profile-card\">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"profile-image-wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"profile-image-circle\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/abd-hapid.jpeg\" alt=\"Foto Profil KTU\" class=\"profile-image\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"info-box name\">\n\t\t\t\t\t\t\t\t\t\t\tAbdul Hapid, S.Kom.\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"info-box position\">\n\t\t\t\t\t\t\t\t\t\t\t\tPosisi\/Potition : Kepala Tata Usaha\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"info-box department\">\n\t\t\t\t\t\t\t\t\t\t\tKepala Tata Usaha (KTU), Dept. BDP-FPIK\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"icon-box\">\n\t\t\t\t\t\t\t\t\t<a href=\"abdulha3@apps.ipb.ac.id\" class=\"email-link\" aria-label=\"Kirim Email\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope\"><\/i> \n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t \t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n \n\t\t\t\t<div id=\"bio2\" class=\"popup\">\n\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t <span class=\"close-btn\" onclick=\"closePopup('bio2')\">×<\/span>\n\t\t\t\t\t \n\t\t\t\t\t\t<div class=\"profile-card-container\">\n\t\t\t\t\t\t\t<div class=\"profile-card\">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"profile-image-wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"profile-image-circle\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/yuli.png\" alt=\"Foto Profil Yuli\" class=\"profile-image\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"info-box name\">\n\t\t\t\t\t\t\t\t\t\t\tYuli Rohmalia, MM.\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"info-box position\">\n\t\t\t\t\t\t\t\t\t\t\t\tPosisi\/Potition : Adm. Akademik (S1) – Sarjana\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"info-box department\">\n\t\t\t\t\t\t\t\t\t\t\tAdministrasi\/Adminitration, Dept. BDP-FPIK\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"icon-box\">\n\t\t\t\t\t\t\t\t\t<a href=\"mailto:r_julie@apps.ipb.ac.id\" class=\"email-link\" aria-label=\"Kirim Email\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope\"><\/i> \n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t \t<\/div>\n\t\t\t\t<\/div>\n\t\t\t \n\t\t\t\n\t\t\t\t<div id=\"bio3\" class=\"popup\">\n\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t\t<span class=\"close-btn\" onclick=\"closePopup('bio3')\">×<\/span>\n\t\t\t \n\t\t\t \t\t<div class=\"profile-card-container\">\n\t\t\t\t\t\t\t<div class=\"profile-card\">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"profile-image-wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"profile-image-circle\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/09\/FRD-2025-4.png\" alt=\"Foto Profil Iswadi\" class=\"profile-image\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"info-box name\">\n\t\t\t\t\t\t\t\t\tAhma Farid Firdaus, A.Md.\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"info-box position\">\n\t\t\t\t\t\t\t\t\t\tPosisi\/Potition : Adm. Akademik (S2) – Magister\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t<div class=\"info-box department\">\n\t\t\t\t\t\t\t\t\t\t\tAdministrasi\/Adminitration, Dept. BDP-FPIK\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"icon-box\">\n\t\t\t\t\t\t\t\t\t<a href=\"mailto:faried@apps.ipb.ac.id\" class=\"email-link\" aria-label=\"Kirim Email\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope\"><\/i> \n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\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 <\/div>\n\t\t\t<div id=\"bio4\" class=\"popup\">\n\t\t\t <div class=\"popup-content\">\n\t\t\t <span class=\"close-btn\" onclick=\"closePopup('bio4')\">×<\/span>\n\t\t\t\t\t<div class=\"profile-card-container\">\n\t\t\t\t\t\t<div class=\"profile-card\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"profile-image-wrapper\">\n\t\t\t\t\t\t\t\t<div class=\"profile-image-circle\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/abdi-2.png\" alt=\"Foto Profil Iswadi\" class=\"profile-image\">\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"info-box name\">\n\t\t\t\t\t\t\t\tAbdillah\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"info-box position\">\n\t\t\t\t\t\t\t\t\tPosisi\/Potition : Adm. Akademik (S3)- Doktor\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"info-box department\">\n\t\t\t\t\t\t\t\t\t\tAdministrasi\/Adminitration, Dept. BDP-FPIK\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"icon-box\">\n\t\t\t\t\t\t\t\t<a href=\"mailto:m.saefudinab@apps.ipb.ac.id\" class=\"email-link\" aria-label=\"Kirim Email\">\n\t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope\"><\/i> \n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t\t\t\t\n\t\t\t <div id=\"bio5\" class=\"popup\">\n\t\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t\t\t<span class=\"close-btn\" onclick=\"closePopup('bio5')\">×<\/span>\n\t\t\t\t\t\t\t<div class=\"profile-card-container\">\n\t\t\t\t\t\t\t\t<div class=\"profile-card\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"profile-image-wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"profile-image-circle\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/adi.png\" alt=\"Foto Profil Iswadi\" class=\"profile-image\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"info-box name\">\n\t\t\t\t\t\t\t\t\tISWADI\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"info-box position\">\n\t\t\t\t\t\t\t\t\tPosisi\/Potition : Keuangan (Finance)\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"info-box department\">\n\t\t\t\t\t\t\t\t\tAdministrasi\/Adminitration, Dept. BDP-FPIK\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"icon-box\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"mailto:iswadi@example.com\" class=\"email-link\" aria-label=\"Kirim Email\">\n\t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope\"><\/i> <\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\t\t \n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t <div id=\"bio6\" class=\"popup\">\n\t\t\t <div class=\"popup-content\">\n\t\t\t <span class=\"close-btn\" onclick=\"closePopup('bio6')\">×<\/span>\n\t\t\t\t\t<div class=\"profile-card-container\">\n\t\t\t\t\t\t<div class=\"profile-card\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"profile-image-wrapper\">\n\t\t\t\t\t\t\t\t<div class=\"profile-image-circle\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/egi.png\" alt=\"Foto Profil eggy\" class=\"profile-image\">\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"info-box name\">\n\t\t\t\t\t\t\t\tEggy Gumelar\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"info-box position\">\n\t\t\t\t\t\t\t\t\tPosisi\/Potition : Sumber Daya Manusia\/Human Resource\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"info-box department\">\n\t\t\t\t\t\t\t\t\t\tAdministrasi\/Adminitration, Dept. BDP-FPIK\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"icon-box\">\n\t\t\t\t\t\t\t\t<a href=\"mailto:eggybdp@apps.ipb.ac.id\" class=\"email-link\" aria-label=\"Kirim Email\">\n\t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope\"><\/i> \n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div> \n\n\t\t\t\t <div id=\"bio7\" class=\"popup\">\n\t\t\t <div class=\"popup-content\">\n\t\t\t <span class=\"close-btn\" onclick=\"closePopup('bio7')\">×<\/span>\n\t\t\t\t\t<div class=\"profile-card-container\">\n\t\t\t\t\t\t<div class=\"profile-card\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"profile-image-wrapper\">\n\t\t\t\t\t\t\t\t<div class=\"profile-image-circle\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/09\/shinta-jurnal-2.png\" alt=\"Foto Profil shinta\" class=\"profile-image\">\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"info-box name\">\n\t\t\t\t\t\t\t\tShinta Erma Ferra, A.Md.\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"info-box position\">\n\t\t\t\t\t\t\t\t\tPosisi\/Potition : Pengelolaan Jurnal\/Journal Management\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"info-box department\">\n\t\t\t\t\t\t\t\t\t\tAdministrasi\/Adminitration, Dept. BDP-FPIK\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"icon-box\">\n\t\t\t\t\t\t\t\t<a href=\"mailto:shintaermaf@apps.ipb.ac.id\" class=\"email-link\" aria-label=\"Kirim Email\">\n\t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope\"><\/i> \n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div> \t\t\t\n\t\t\n\t\t\t\t\n <script>\n function openPopup(id) {\n document.getElementById(id).style.display = 'block';\n }\n\n function closePopup(id) {\n document.getElementById(id).style.display = 'none';\n }\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our Team Administration Abdul Hapid, S.Kom. Kepala Tata Usaha Detail Yuli Rohmalia, MM Administrasi Akademik (S1) Detail Ahmad Farid Firdaus, A.Md. Administrasi Akademik (S2) & IT-Support Detail Moch. Abdillah Administrasi Akademik (S3) Detail Iswadi Administrasi Keuangan Detail Eggy Gumelar Sumber Daya Manusia (SDM) Detail Shinta Erma Ferra, A.Md. Journal Manajemen Detail Laboran & Technician Henda […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-27913","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bdp.ipb.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/27913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdp.ipb.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdp.ipb.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdp.ipb.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bdp.ipb.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27913"}],"version-history":[{"count":30,"href":"https:\/\/bdp.ipb.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/27913\/revisions"}],"predecessor-version":[{"id":28098,"href":"https:\/\/bdp.ipb.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/27913\/revisions\/28098"}],"wp:attachment":[{"href":"https:\/\/bdp.ipb.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":27913,"date":"2025-09-25T23:36:24","date_gmt":"2025-09-25T16:36:24","guid":{"rendered":"https:\/\/bdp.ipb.ac.id\/?page_id=27913"},"modified":"2025-10-08T10:28:44","modified_gmt":"2025-10-08T03:28:44","slug":"supporting-staf","status":"publish","type":"page","link":"https:\/\/bdp.ipb.ac.id\/?page_id=27913","title":{"rendered":"Supporting Staf"},"content":{"rendered":"\n\n\n\n \n \n \n Our Team<\/title>\n <style>\n body {\n font-family: 'trebuchet MS','Segoe UI', sans-serif;\n background-color: #F2F7FC;\n margin: 0;\n padding: 0;\n }\n\n .team-section {\n text-align: center;\n font-family:'segoe UI';\n \n padding: 60px 20px;\n background-color: #fff;\n }\n\n .team-section h2 {\n font-size: 40px;\n margin-bottom: 40px;\n color: #333;\n }\n\n .team-container {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 40px;\n }\n\n .team-member {\n background: linear-gradient(145deg, #F2F2FC, #F2F7FC);\n border-radius: 15px;\n box-shadow: 0 8px 16px rgba(0,0,0,0.1);\n width: 260px;\n padding: 25px;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .team-member:hover {\n transform: translateY(-8px);\n box-shadow: 0 12px 24px rgba(0,0,0,0.15);\n }\n\n .team-member img {\n width: 120px;\n height: 120px;\n border-radius: 50%;\n object-fit: cover;\n margin-bottom: 15px;\n border: 4px solid #007BFF;\n }\n\n .team-member h3 {\n margin: 10px 0 5px;\n font-size: 22px;\n color: #333;\n }\n\n .team-member p {\n font-size: 15px;\n color: #666;\n margin-bottom: 15px;\n }\n\n .team-member button {\n background-color: #007BFF;\n color: white;\n border: none;\n padding: 10px 18px;\n border-radius: 8px;\n cursor: pointer;\n font-size: 14px;\n transition: background-color 0.3s ease;\n }\n\n .team-member button:hover {\n background-color: #0056b3;\n }\n\n .popup {\n display: none;\n position: fixed;\n z-index: 1000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n backdrop-filter: blur(5px);\n background-color: rgba(0,0,0,0.4);\n animation: fadeIn 0.3s ease forwards;\n }\n\n .popup-content {\n background-color: #fff;\n margin: 10% auto;\n padding: 30px;\n border-radius: 15px;\n width: 90%;\n max-width: 400px;\n text-align: left;\n position: relative;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n animation: slideUp 0.4s ease forwards;\n }\n\n .popup-content h3 {\n margin-top: 0;\n font-size: 24px;\n color: #007BFF;\n }\n\n .popup-content p {\n font-size: 16px;\n color: #444;\n line-height: 1.6;\n }\n\n .close-btn {\n position: absolute;\n top: 15px;\n right: 20px;\n font-size: 24px;\n font-weight: bold;\n color: #333;\n cursor: pointer;\n transition: color 0.3s ease;\n }\n\n .close-btn:hover {\n color: red;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n @keyframes slideUp {\n from { transform: translateY(50px); opacity: 0; }\n to { transform: translateY(0); opacity: 1; }\n }\n \n \n \n\n .container17 {\n max-width: 600px;\n margin: auto;\n border: 1px solid #ddd;\n padding: 20px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n display: flex;\n align-items: flex-start;\n gap: 20px;\n }\n .profile-image {\n max-width: 250px;\n height: auto;\n border-radius: 8px;\n }\n .bio-text {\n flex-grow: 1;\n }\n h1 {\n color: #2c3e50;\n margin-top: 0;\n }\n ul {\n list-style-type: none;\n padding: 0;\n }\n ul li {\n \n margin-bottom: 10px;\n padding: 6px;\n \n }\n \n \/* Media Queries untuk tampilan responsif *\/\n @media (max-width: 600px) {\n .container {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n .profile-image {\n max-width: 150px; \/* Ukuran gambar lebih kecil di HP *\/\n }\n .bio-text {\n margin-top: 20px;\n }\n }\n \n \n .profile-card-container {\n\t\t\t\t width: 100%;\n\t\t\t\t \/* Batasan lebar maksimum utama lebih ketat untuk mobile *\/\n\t\t\t\t max-width: 350px; \n\t\t\t\t box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n\t\t\t\t border-radius: 20px;\n\t\t\t\t padding: 15px; \/* Padding dikurangi *\/\n\t\t\t\t background-color: #fff;\n\t\t\t\t filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.1));\n\t\t\t\t}\n\n\t\t\t\t.profile-card {\n\t\t\t\t background-color: #fff;\n\t\t\t\t border: 1px solid #ddd;\n\t\t\t\t border-radius: 18px;\n\t\t\t\t padding: 30px 15px; \/* Padding internal disesuaikan *\/\n\t\t\t\t text-align: center;\n\t\t\t\t}\n\n\t\t\t\t\/* --- Gambar Profil --- *\/\n\t\t\t\t.profile-image-wrapper {\n\t\t\t\t display: flex;\n\t\t\t\t justify-content: center;\n\t\t\t\t margin-bottom: 25px; \/* Jarak dikurangi *\/\n\t\t\t\t}\n\n\t\t\t\t.profile-image-circle {\n\t\t\t\t \/* Ukuran gambar disesuaikan agar tidak terlalu besar di mobile *\/\n\t\t\t\t width: 100px;\n\t\t\t\t height: 100px;\n\t\t\t\t border-radius: 50%;\n\t\t\t\t overflow: hidden;\n\t\t\t\t border: 4px solid #007bff; \/* Border disesuaikan *\/\n\t\t\t\t box-shadow: 0 0 0 2px #fff, 0 0 0 4px #007bff; \/* Efek cincin disesuaikan *\/\n\t\t\t\t}\n\n\t\t\t\t.profile-image {\n\t\t\t\t width: 100%;\n\t\t\t\t height: 100%;\n\t\t\t\t object-fit: cover;\n\t\t\t\t display: block;\n\t\t\t\t}\n\n\t\t\t\t\/* --- Kotak Informasi --- *\/\n\t\t\t\t.\/* --- Bagian Card Utama (Dikembalikan ke Border Solid Tipis) --- *\/\n\t\t\t\t.profile-card {\n\t\t\t\t background-color: #fff;\n\t\t\t\t \/* Border kembali menjadi solid, tidak ada border-image di sini *\/\n\t\t\t\t border: 1px solid #ddd; \n\t\t\t\t border-radius: 18px;\n\t\t\t\t padding: 30px 15px;\n\t\t\t\t text-align: center;\n\t\t\t\t}\n\n\t\t\t\t\/* ... Gambar Profil, Ikon Email, dll. tetap sama ... *\/\n\n\t\t\t\t\/* --- Kotak Informasi --- *\/\n\t\t\t\t.info-box {\n\t\t\t\t background-color: #fff;\n\t\t\t\t border: 1px solid #333;\n\t\t\t\t border-radius: 25px;\n\t\t\t\t padding: 10px 15px;\n\t\t\t\t margin-bottom: 12px;\n\t\t\t\t text-align: center;\n\t\t\t\t font-weight: 600;\n\t\t\t\t letter-spacing: 0.5px;\n\t\t\t\t box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n\t\t\t\t}\n\n\t\t\t\t\/* --- Kotak Informasi (Nama, Posisi, Departemen) --- *\/\n\t\t\t\t.info-box {\n\t\t\t\t background-color: #fff;\n\t\t\t\t \n\t\t\t\t \/* 1. Mengurangi ketebalan border (menjadi 1px) *\/\n\t\t\t\t border: 1px solid transparent; \n\t\t\t\t \n\t\t\t\t \/* 2. Meningkatkan kelengkungan sudut (border-radius) *\/\n\t\t\t\t border-radius: 50px; \/* Nilai tinggi untuk efek kapsul yang lebih melengkung *\/\n\t\t\t\t \n\t\t\t\t \/* Mengurangi padding internal agar tidak terlalu tebal \n\t\t\t\t padding: 8px 15px; \n\t\t\t\t margin-bottom: 10px;\n\t\t\t\t text-align: center;\n\t\t\t\t font-weight: 600;\n\t\t\t\t letter-spacing: 0.5px;\n\t\t\t\t box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\n\n\t\t\t\t \/* 3. Menerapkan Border Image Gradasi Biru dengan ketebalan 1px\n\t\t\t\t border-image: linear-gradient(\n\t\t\t\t\tto right, \n\t\t\t\t\t#007bff, \/* Biru Muda *\/\n\t\t\t\t\t#0056b3 \/* Biru Tua *\/\n\t\t\t\t ) 10 \/ 1px round; \/* Lebar garis gradasi diubah menjadi 1px\n\t\t\t\t}\n\t\t\t\t-- *\/\n\t\t\t\t.info-box {\n\t\t\t\t\/* ... Kode CSS lainnya tetap sama ... *\/\n\t\t\t\t\/* ... Bagian Nama, Posisi, Departemen, dan Media Query lainnya tetap sama ... *\/\n\n\t\t\t\t.name {\n\t\t\t\t \/* Ukuran font NAMA dikecilkan untuk mobile *\/\n\t\t\t\t font-size: 1.2em; \n\t\t\t\t text-transform: uppercase;\n\t\t\t\t color: #333;\n\t\t\t\t font-family: Arial, sans-serif; \n\t\t\t\t font-weight: 900;\n\t\t\t\t padding: 8px 15px;\n\t\t\t\t}\n\n\t\t\t\t.position {\n\t\t\t\t \/* Ukuran font POSISI disesuaikan *\/\n\t\t\t\t font-size: 0.9em; \n\t\t\t\t color: #333;\n\t\t\t\t}\n\n\t\t\t\t.department {\n\t\t\t\t \/* Ukuran font DEPARTEMEN disesuaikan *\/\n\t\t\t\t font-size: 0.8em; \n\t\t\t\t color: #333;\n\t\t\t\t}\n\n\t\t\t\t\/* --- Ikon (Email) --- *\/\n\t\t\t\t.icon-box {\n\t\t\t\t margin-top: 20px; \/* Jarak dikurangi *\/\n\t\t\t\t}\n\n\t\t\t\t.icon-box i {\n\t\t\t\t \/* Ukuran ikon disesuaikan *\/\n\t\t\t\t font-size: 2em; \n\t\t\t\t color: #333;\n\t\t\t\t}\n\n\t\t\t\t\/* MEDIA QUERY KHUSUS UNTUK LAYAR YANG SANGAT KECIL (misal di bawah 320px) *\/\n\t\t\t\t@media (max-width: 350px) {\n\t\t\t\t .name {\n\t\t\t\t\tfont-size: 1.1em;\n\t\t\t\t }\n\t\t\t\t .position, .department {\n\t\t\t\t\tfont-size: 0.8em;\n\t\t\t\t }\n\t\t\t\t}\n\t\t\t\t \n \n <\/style>\n<\/head>\n<body>\n <section class=\"team-section\">\n <h2>Administration <\/h2><br\/>\n <div class=\"team-container\">\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/abd-hapid.jpeg\" alt=\"Foto KTU\">\n <h3>Abdul Hapid, S.Kom.<\/h3>\n <p>Kepala Tata Usaha<\/p>\n <button onclick=\"openPopup('bio1')\">Detail<\/button>\n <\/div>\n \n\t <div class=\"team-member\">\n\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/yuli.png\" alt=\"Foto yuli\">\n\t\t<h3>Yuli Rohmalia, MM<\/h3>\n\t\t<p>Administrasi Akademik (S1)<\/p>\n\t\t<button onclick=\"openPopup('bio2')\">Detail<\/button>\n\t <\/div>\n\t\t\t<div class=\"team-member\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/09\/FRD-2025-4.png\" alt=\"Foto FRD\">\n\t\t\t\t<h3>Ahmad Farid Firdaus, A.Md.<\/h3>\n\t\t\t\t<p>Administrasi Akademik (S2) & IT-Support<\/p>\n\t\t\t\t<button onclick=\"openPopup('bio3')\">Detail<\/button>\n\t \t\t<\/div>\n\t\t\t\t\t<div class=\"team-member\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/abdi-2.png\" alt=\"Foto FRD\">\n\t\t\t\t\t\t<h3>Moch. Abdillah<\/h3>\n\t\t\t\t\t\t<p>Administrasi Akademik (S3)<\/p>\n\t\t\t\t\t\t<button onclick=\"openPopup('bio4')\">Detail<\/button>\n\t\t\t \t\t<\/div>\n\t\t\t\t<div class=\"team-member\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/adi.png\" alt=\"Foto FRD\">\n\t\t\t\t\t<h3>Iswadi<\/h3>\n\t\t\t\t\t<p>Administrasi Keuangan<\/p>\n\t\t\t\t\t<button onclick=\"openPopup('bio5')\">Detail<\/button>\n\t\t \t\t<\/div>\n\t \t\t<div class=\"team-member\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/egi.png\" alt=\"Foto eggy\">\n\t\t\t\t<h3>Eggy Gumelar<\/h3>\n\t\t\t\t<p>Sumber Daya Manusia (SDM)<\/p>\n\t\t\t\t<button onclick=\"openPopup('bio6')\">Detail<\/button>\n\t \t\t<\/div>\n\t \t<div class=\"team-member\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/09\/shinta-jurnal-2.png\" alt=\"Foto shinta\">\n\t\t\t<h3>Shinta Erma Ferra, A.Md.<\/h3>\n\t\t\t<p>Journal Manajemen<\/p>\n\t\t\t<button onclick=\"openPopup('bio7')\">Detail<\/button>\n\t \t<\/div>\n\n <\/div>\n <\/section>\n \n \n \n <section class=\"team-section\">\n <h2>Laboran & Technician<\/h2><br\/>\n <div class=\"team-container\">\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/Henda.png\" alt=\"Foto henda\">\n <h3>Henda<\/h3>\n <p>Teknisi<\/p>\n <button onclick=\"openPopup('bio8')\">Detail<\/button>\n <\/div>\n \n\t <div class=\"team-member\">\n\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/lina-m-batik-0.jpeg\" alt=\"Foto Lina M\">\n\t\t<h3>Lina Mulyani<\/h3>\n\t\t<p>Laboran<\/p>\n\t\t<button onclick=\"openPopup('bio9')\">Detail<\/button>\n\t <\/div>\n\t\t\t<div class=\"team-member\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/adna-s.png\" alt=\"Foto Adna\">\n\t\t\t\t<h3>Adna Sumadikarta, S.Si, M.Ling.<\/h3>\n\t\t\t\t<p>Laboran<\/p>\n\t\t\t\t<button onclick=\"openPopup('bio10')\">Detail<\/button>\n\t \t\t<\/div>\n\t\t\t\t<div class=\"team-member\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/09\/akbar.jpeg\" alt=\"Foto Akbar\">\n\t\t\t\t\t<h3>Akbar Firdaus<\/h3>\n\t\t\t\t\t<p>Laboran<\/p>\n\t\t\t\t\t<button onclick=\"openPopup('bio11')\">Detail<\/button>\n\t \t\t\t<\/div>\n\t \t\t\t<div class=\"team-member\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/Retno.png\" alt=\"Foto Retno\">\n\t\t\t\t\t<h3>Retno Meilasari Nurulita Lubis, S.Si<\/h3>\n\t\t\t\t\t<p>Laboran<\/p>\n\t\t\t\t\t<button onclick=\"openPopup('bio12')\">Detail<\/button>\n\t \t\t\t<\/div>\n\t \t\t\t<div class=\"team-member\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/09\/laboran-nisa-lingkungan.png\" alt=\"Foto nisa\">\n\t\t\t\t\t<h3>Nisa Salsabila<\/h3>\n\t\t\t\t\t<p>Laboran<\/p>\n\t\t\t\t\t<button onclick=\"openPopup('bio13')\">Detail<\/button>\n\t \t\t\t<\/div>\n\t \t\t\t\n\t \t\t\t<div class=\"team-member\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/09\/vdfya.png\" alt=\"Foto pidya\">\n\t\t\t\t\t<h3>Vidia Septiana<\/h3>\n\t\t\t\t\t<p>Teknisi Lab.<\/p>\n\t\t\t\t\t<button onclick=\"openPopup('bio14')\">Detail<\/button>\n\t \t\t\t<\/div>\n\t \t\t\t\n\t \t\t\t\n\t \t\t\t<div class=\"team-member\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/09\/yanuar-3.png\" alt=\"Foto yanuar\">\n\t\t\t\t\t<h3>Yanuar<\/h3>\n\t\t\t\t\t<p>Teknisi Lab.<\/p>\n\t\t\t\t\t<button onclick=\"openPopup('bio15')\">Detail<\/button>\n\t \t\t\t<\/div>\n\t \t\t\t\n\t \t\t\t<div class=\"team-member\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/Wasjan.png\" alt=\"Foto wasjan\">\n\t\t\t\t\t<h3>Wasjan<\/h3>\n\t\t\t\t\t<p>Laboran<\/p>\n\t\t\t\t\t<button onclick=\"openPopup('bio16')\">Detail<\/button>\n\t \t\t\t<\/div>\n\n <\/div>\n <\/section>\n \n h\n \n \n\n <section class=\"team-section\">\n <h2>Fish Pond technician <\/h2><br\/>\n <div class=\"team-container\">\n\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/arman-s.png\" alt=\"Foto Arman\">\n <h3>Arman Sanusi<\/h3>\n <p>Teknisi <\/p>\n <button onclick=\"openPopup('bio17')\">Detail<\/button>\n <\/div>\n\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/Devi-s.png\" alt=\"Foto Devi\">\n <h3>Devi Yusman<\/h3>\n <p>Teknisi<\/p>\n <button onclick=\"openPopup('bio18')\">Detail<\/button>\n <\/div>\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/Sunandar.png\" alt=\"Foto Sunandar\">\n <h3>Sunandar<\/h3>\n <p>Teknisi <\/p>\n <button onclick=\"openPopup('bio19')\">Detail<\/button>\n <\/div>\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/dedi-s.png\" alt=\"Foto Dedi\">\n <h3>Dedi Supriadi<\/h3>\n <p>Teknisi <\/p>\n <button onclick=\"openPopup('bio20')\">Detail<\/button>\n <\/div>\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/Madyusi.png\" alt=\"Foto adnan\">\n <h3>Madyusi<\/h3>\n <p>Teknisi <\/p>\n <button onclick=\"openPopup('bio21')\">Detail<\/button>\n <\/div>\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/adnan.png\" alt=\"Foto adnan\">\n <h3>Muhammad Adnan<\/h3>\n <p>Teknisi <\/p>\n <button onclick=\"openPopup('bio22')\">Detail<\/button>\n <\/div>\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/09\/yurizal-1.png\" alt=\"Foto rizal\">\n <h3>Yusrizal<\/h3>\n <p>Teknisi<\/p>\n <button onclick=\"openPopup('bio23')\">Detail<\/button>\n <\/div>\n\t \t\t\t<div class=\"team-member\">\n\t\t\t\t <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/M.Rupi-2-1.jpg\" alt=\"Foto M. Rupi\">\n\t\t\t\t <h3>Muhamad Rupi<\/h3>\n\t\t\t\t <p>Teknisi Listrik<\/p>\n\t\t\t\t <button onclick=\"openPopup('bio24')\">Detail<\/button>\n\t \t\t\t<\/div>\n\n <\/div>\n <\/section>\n \n<section class=\"team-section\">\n <h2>Office Attendant <\/h2><br\/>\n <div class=\"team-container\">\n\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/sariah.png\" alt=\"Foto BSI\">\n <h3>Sariah<\/h3>\n <p>Pramu Kantor <\/p>\n <button onclick=\"openPopup('bio25')\">Detail<\/button>\n <\/div>\n\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/02\/herlin.jpg\" alt=\"Foto herlina\">\n <h3>Herlina<\/h3>\n <p>Pramu Kantor<\/p>\n <button onclick=\"openPopup('bio26')\">Detail<\/button>\n <\/div>\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/06\/dedi-surahm.png\" alt=\"Foto dedi surahman\">\n <h3>Dedi Surahman<\/h3>\n <p>Cleaning Services<\/p>\n <button onclick=\"openPopup('bio27')\">Detail<\/button>\n <\/div>\n <div class=\"team-member\">\n <img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/06\/rendy.png\" alt=\"Foto rendi\">\n <h3>Rendi Pratama <\/h3>\n <p>Cleaning Services<\/p>\n <button onclick=\"openPopup('bio28')\">Detail<\/button>\n <\/div>\n \n \n\n <\/div>\n <\/section>\n \n \n \n \n\n\n \t\t\t\t<div id=\"bio1\" class=\"popup\">\n\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t <span class=\"close-btn\" onclick=\"closePopup('bio1')\">×<\/span>\n\t\t\t\t\t \n\t\t\t\t\t\t<div class=\"profile-card-container\">\n\t\t\t\t\t\t\t<div class=\"profile-card\">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"profile-image-wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"profile-image-circle\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/abd-hapid.jpeg\" alt=\"Foto Profil KTU\" class=\"profile-image\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"info-box name\">\n\t\t\t\t\t\t\t\t\t\t\tAbdul Hapid, S.Kom.\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"info-box position\">\n\t\t\t\t\t\t\t\t\t\t\t\tPosisi\/Potition : Kepala Tata Usaha\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"info-box department\">\n\t\t\t\t\t\t\t\t\t\t\tKepala Tata Usaha (KTU), Dept. BDP-FPIK\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"icon-box\">\n\t\t\t\t\t\t\t\t\t<a href=\"abdulha3@apps.ipb.ac.id\" class=\"email-link\" aria-label=\"Kirim Email\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope\"><\/i> \n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t \t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n \n\t\t\t\t<div id=\"bio2\" class=\"popup\">\n\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t <span class=\"close-btn\" onclick=\"closePopup('bio2')\">×<\/span>\n\t\t\t\t\t \n\t\t\t\t\t\t<div class=\"profile-card-container\">\n\t\t\t\t\t\t\t<div class=\"profile-card\">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"profile-image-wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"profile-image-circle\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/yuli.png\" alt=\"Foto Profil Yuli\" class=\"profile-image\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"info-box name\">\n\t\t\t\t\t\t\t\t\t\t\tYuli Rohmalia, MM.\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"info-box position\">\n\t\t\t\t\t\t\t\t\t\t\t\tPosisi\/Potition : Adm. Akademik (S1) – Sarjana\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"info-box department\">\n\t\t\t\t\t\t\t\t\t\t\tAdministrasi\/Adminitration, Dept. BDP-FPIK\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"icon-box\">\n\t\t\t\t\t\t\t\t\t<a href=\"mailto:r_julie@apps.ipb.ac.id\" class=\"email-link\" aria-label=\"Kirim Email\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope\"><\/i> \n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t \t<\/div>\n\t\t\t\t<\/div>\n\t\t\t \n\t\t\t\n\t\t\t\t<div id=\"bio3\" class=\"popup\">\n\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t\t<span class=\"close-btn\" onclick=\"closePopup('bio3')\">×<\/span>\n\t\t\t \n\t\t\t \t\t<div class=\"profile-card-container\">\n\t\t\t\t\t\t\t<div class=\"profile-card\">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"profile-image-wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"profile-image-circle\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/09\/FRD-2025-4.png\" alt=\"Foto Profil Iswadi\" class=\"profile-image\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"info-box name\">\n\t\t\t\t\t\t\t\t\tAhma Farid Firdaus, A.Md.\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"info-box position\">\n\t\t\t\t\t\t\t\t\t\tPosisi\/Potition : Adm. Akademik (S2) – Magister\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t<div class=\"info-box department\">\n\t\t\t\t\t\t\t\t\t\t\tAdministrasi\/Adminitration, Dept. BDP-FPIK\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"icon-box\">\n\t\t\t\t\t\t\t\t\t<a href=\"mailto:faried@apps.ipb.ac.id\" class=\"email-link\" aria-label=\"Kirim Email\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope\"><\/i> \n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\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 <\/div>\n\t\t\t<div id=\"bio4\" class=\"popup\">\n\t\t\t <div class=\"popup-content\">\n\t\t\t <span class=\"close-btn\" onclick=\"closePopup('bio4')\">×<\/span>\n\t\t\t\t\t<div class=\"profile-card-container\">\n\t\t\t\t\t\t<div class=\"profile-card\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"profile-image-wrapper\">\n\t\t\t\t\t\t\t\t<div class=\"profile-image-circle\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/abdi-2.png\" alt=\"Foto Profil Iswadi\" class=\"profile-image\">\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"info-box name\">\n\t\t\t\t\t\t\t\tAbdillah\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"info-box position\">\n\t\t\t\t\t\t\t\t\tPosisi\/Potition : Adm. Akademik (S3)- Doktor\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"info-box department\">\n\t\t\t\t\t\t\t\t\t\tAdministrasi\/Adminitration, Dept. BDP-FPIK\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"icon-box\">\n\t\t\t\t\t\t\t\t<a href=\"mailto:m.saefudinab@apps.ipb.ac.id\" class=\"email-link\" aria-label=\"Kirim Email\">\n\t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope\"><\/i> \n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t\t\t\t\n\t\t\t <div id=\"bio5\" class=\"popup\">\n\t\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t\t\t<span class=\"close-btn\" onclick=\"closePopup('bio5')\">×<\/span>\n\t\t\t\t\t\t\t<div class=\"profile-card-container\">\n\t\t\t\t\t\t\t\t<div class=\"profile-card\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"profile-image-wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"profile-image-circle\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/adi.png\" alt=\"Foto Profil Iswadi\" class=\"profile-image\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"info-box name\">\n\t\t\t\t\t\t\t\t\tISWADI\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"info-box position\">\n\t\t\t\t\t\t\t\t\tPosisi\/Potition : Keuangan (Finance)\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"info-box department\">\n\t\t\t\t\t\t\t\t\tAdministrasi\/Adminitration, Dept. BDP-FPIK\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"icon-box\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"mailto:iswadi@example.com\" class=\"email-link\" aria-label=\"Kirim Email\">\n\t\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope\"><\/i> <\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\t\t \n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t <div id=\"bio6\" class=\"popup\">\n\t\t\t <div class=\"popup-content\">\n\t\t\t <span class=\"close-btn\" onclick=\"closePopup('bio6')\">×<\/span>\n\t\t\t\t\t<div class=\"profile-card-container\">\n\t\t\t\t\t\t<div class=\"profile-card\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"profile-image-wrapper\">\n\t\t\t\t\t\t\t\t<div class=\"profile-image-circle\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2023\/05\/egi.png\" alt=\"Foto Profil eggy\" class=\"profile-image\">\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"info-box name\">\n\t\t\t\t\t\t\t\tEggy Gumelar\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"info-box position\">\n\t\t\t\t\t\t\t\t\tPosisi\/Potition : Sumber Daya Manusia\/Human Resource\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"info-box department\">\n\t\t\t\t\t\t\t\t\t\tAdministrasi\/Adminitration, Dept. BDP-FPIK\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"icon-box\">\n\t\t\t\t\t\t\t\t<a href=\"mailto:eggybdp@apps.ipb.ac.id\" class=\"email-link\" aria-label=\"Kirim Email\">\n\t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope\"><\/i> \n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div> \n\n\t\t\t\t <div id=\"bio7\" class=\"popup\">\n\t\t\t <div class=\"popup-content\">\n\t\t\t <span class=\"close-btn\" onclick=\"closePopup('bio7')\">×<\/span>\n\t\t\t\t\t<div class=\"profile-card-container\">\n\t\t\t\t\t\t<div class=\"profile-card\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"profile-image-wrapper\">\n\t\t\t\t\t\t\t\t<div class=\"profile-image-circle\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bdp.ipb.ac.id\/wp-content\/uploads\/2025\/09\/shinta-jurnal-2.png\" alt=\"Foto Profil shinta\" class=\"profile-image\">\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"info-box name\">\n\t\t\t\t\t\t\t\tShinta Erma Ferra, A.Md.\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"info-box position\">\n\t\t\t\t\t\t\t\t\tPosisi\/Potition : Pengelolaan Jurnal\/Journal Management\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"info-box department\">\n\t\t\t\t\t\t\t\t\t\tAdministrasi\/Adminitration, Dept. BDP-FPIK\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"icon-box\">\n\t\t\t\t\t\t\t\t<a href=\"mailto:shintaermaf@apps.ipb.ac.id\" class=\"email-link\" aria-label=\"Kirim Email\">\n\t\t\t\t\t\t\t\t\t<i class=\"fas fa-envelope\"><\/i> \n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div> \t\t\t\n\t\t\n\t\t\t\t\n <script>\n function openPopup(id) {\n document.getElementById(id).style.display = 'block';\n }\n\n function closePopup(id) {\n document.getElementById(id).style.display = 'none';\n }\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our Team Administration Abdul Hapid, S.Kom. Kepala Tata Usaha Detail Yuli Rohmalia, MM Administrasi Akademik (S1) Detail Ahmad Farid Firdaus, A.Md. Administrasi Akademik (S2) & IT-Support Detail Moch. Abdillah Administrasi Akademik (S3) Detail Iswadi Administrasi Keuangan Detail Eggy Gumelar Sumber Daya Manusia (SDM) Detail Shinta Erma Ferra, A.Md. Journal Manajemen Detail Laboran & Technician Henda […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-27913","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bdp.ipb.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/27913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdp.ipb.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdp.ipb.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdp.ipb.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bdp.ipb.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27913"}],"version-history":[{"count":30,"href":"https:\/\/bdp.ipb.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/27913\/revisions"}],"predecessor-version":[{"id":28098,"href":"https:\/\/bdp.ipb.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/27913\/revisions\/28098"}],"wp:attachment":[{"href":"https:\/\/bdp.ipb.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}