Struktur Prodi<\/title>\r\n\r\n<style>\r\nbody{\r\n font-family:'Outfit', sans-serif;\r\n background:#f5f5f5;\r\n text-align:center;\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.container{\r\n max-width:900px;\r\n margin:50px auto;\r\n}\r\n\r\n\/* CARD *\/\r\n.card{\r\n background:linear-gradient(135deg, #1e3c72, #2a5298);\r\n padding:20px;\r\n width:260px;\r\n min-height:120px;\r\n display:flex;\r\n align-items:center;\r\n gap:15px;\r\n border-radius:20px;\r\n color:white;\r\n margin:auto;\r\n cursor:pointer;\r\n backdrop-filter: blur(10px);\r\n border:1px solid rgba(255,255,255,0.1);\r\n transition:0.3s;\r\n}\r\n\r\n.card:hover{\r\n transform:translateY(-8px);\r\n box-shadow:0 10px 20px rgba(0,0,0,0.2);\r\n}\r\n\r\n.card img{\r\n width:60px;\r\n height:60px;\r\n border-radius:50%;\r\n object-fit:cover;\r\n}\r\n\r\n\/* TEXT *\/\r\n.card .text{\r\n text-align:left;\r\n}\r\n\r\n.card .text h3{\r\n margin:0;\r\n font-family:'DM Serif Display', serif;\r\n font-size:16px;\r\n color:white;\r\n}\r\n\r\n.card .text p{\r\n margin:2px 0;\r\n font-size:13px;\r\n opacity:0.85;\r\n}\r\n\r\n\/* LINE *\/\r\n.line{\r\n width:2px;\r\n height:50px;\r\n background:black;\r\n margin:20px auto;\r\n}\r\n\r\n.horizontal{\r\n width:70%;\r\n height:2px;\r\n background:black;\r\n margin:0 auto;\r\n}\r\n\r\n\/* ROW *\/\r\n.row{\r\n display:flex;\r\n justify-content:space-between;\r\n margin-top:30px;\r\n flex-wrap:wrap;\r\n gap:20px;\r\n}\r\n\r\n\/* MODAL (SAMA) *\/\r\n.modal{\r\n display:none;\r\n position:fixed;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n background:rgba(0,0,0,0.7);\r\n justify-content:center;\r\n align-items:center;\r\n}\r\n\r\n.modal-content{\r\n background:white;\r\n padding:25px;\r\n border-radius:20px;\r\n text-align:center;\r\n width:90%;\r\n max-width:500px;\r\n box-shadow:0 20px 40px rgba(0,0,0,0.2);\r\n}\r\n\r\n.modal-content h2{\r\n font-family:'DM Serif Display', serif;\r\n}\r\n\r\n.modal img{\r\n width:120px;\r\n height:120px;\r\n border-radius:50%;\r\n object-fit:cover;\r\n margin:10px;\r\n}\r\n\r\n.close{\r\n float:right;\r\n cursor:pointer;\r\n color:red;\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"container\">\r\n\r\n \r\n <div class=\"card\" onclick=\"showSingle('Dr. Laily Nur Arifa, M.Pd','https:\/\/img.lightshot.app\/_xIJbPomTySQYZBlQp7j2w.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/img.lightshot.app\/_xIJbPomTySQYZBlQp7j2w.png\">\r\n <div class=\"text\">\r\n <h3>Ketua Program Studi<\/h3>\r\n <p>Dr. Laily Nur Arifa, M.Pd<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"line\"><\/div>\r\n <div class=\"horizontal\"><\/div>\r\n\r\n \r\n <div class=\"row\">\r\n\r\n <div class=\"card\" onclick=\"showSingle('Shidqi Ahyani, M.Ag','https:\/\/img.lightshot.app\/dBnxEvrKRXSNR0IGE0pfiw.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/img.lightshot.app\/dBnxEvrKRXSNR0IGE0pfiw.png\">\r\n <div class=\"text\">\r\n <h3>Sekretaris<\/h3>\r\n <p>Shidqi Ahyani, M.Ag<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\" onclick=\"showSingle('Ani','https:\/\/img.lightshot.app\/A06nSTfkTSOkROogqpwkVQ.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/img.lightshot.app\/A06nSTfkTSOkROogqpwkVQ.png\">\r\n <div class=\"text\">\r\n <h3>Admin Prodi<\/h3>\r\n <p>Ani<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"modal\" id=\"modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close\" onclick=\"closeModal()\">X<\/span>\r\n <div id=\"modal-body\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction showSingle(nama, foto){\r\n let html = `\r\n <h2>${nama}<\/h2>\r\n <img decoding=\"async\" src=\"${foto}\">\r\n <p style=\"opacity:0.7;\">Struktur Program Studi<\/p>\r\n `;\r\n document.getElementById(\"modal-body\").innerHTML = html;\r\n document.getElementById(\"modal\").style.display=\"flex\";\r\n}\r\n\r\nfunction closeModal(){\r\n document.getElementById(\"modal\").style.display=\"none\";\r\n}\r\n\r\nwindow.onclick = function(e){\r\n let modal = document.getElementById(\"modal\");\r\n if(e.target === modal){\r\n modal.style.display=\"none\";\r\n }\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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-b957c30 e-flex e-con-boxed e-con e-parent\" data-id=\"b957c30\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09792fd elementor-widget elementor-widget-image\" data-id=\"09792fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"379\" src=\"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/bagan-rvs_1-kompres2-1536x728-1-1024x485.jpg\" class=\"attachment-large size-large wp-image-3188\" alt=\"\" srcset=\"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/bagan-rvs_1-kompres2-1536x728-1-1024x485.jpg 1024w, https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/bagan-rvs_1-kompres2-1536x728-1-300x142.jpg 300w, https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/bagan-rvs_1-kompres2-1536x728-1-768x364.jpg 768w, https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/bagan-rvs_1-kompres2-1536x728-1-18x9.jpg 18w, https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/bagan-rvs_1-kompres2-1536x728-1.jpg 1536w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\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>Struktur Prodi Ketua Program Studi Dr. Laily Nur Arifa, M.Pd Sekretaris Shidqi Ahyani, M.Ag Admin Prodi Ani X<\/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-3186","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3186"}],"version-history":[{"count":59,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3186\/revisions"}],"predecessor-version":[{"id":4661,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3186\/revisions\/4661"}],"wp:attachment":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\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\nStruktur Prodi<\/title>\r\n\r\n<style>\r\nbody{\r\n font-family:'Outfit', sans-serif;\r\n background:#f5f5f5;\r\n text-align:center;\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.container{\r\n max-width:900px;\r\n margin:50px auto;\r\n}\r\n\r\n\/* CARD *\/\r\n.card{\r\n background:linear-gradient(135deg, #1e3c72, #2a5298);\r\n padding:20px;\r\n width:260px;\r\n min-height:120px;\r\n display:flex;\r\n align-items:center;\r\n gap:15px;\r\n border-radius:20px;\r\n color:white;\r\n margin:auto;\r\n cursor:pointer;\r\n backdrop-filter: blur(10px);\r\n border:1px solid rgba(255,255,255,0.1);\r\n transition:0.3s;\r\n}\r\n\r\n.card:hover{\r\n transform:translateY(-8px);\r\n box-shadow:0 10px 20px rgba(0,0,0,0.2);\r\n}\r\n\r\n.card img{\r\n width:60px;\r\n height:60px;\r\n border-radius:50%;\r\n object-fit:cover;\r\n}\r\n\r\n\/* TEXT *\/\r\n.card .text{\r\n text-align:left;\r\n}\r\n\r\n.card .text h3{\r\n margin:0;\r\n font-family:'DM Serif Display', serif;\r\n font-size:16px;\r\n color:white;\r\n}\r\n\r\n.card .text p{\r\n margin:2px 0;\r\n font-size:13px;\r\n opacity:0.85;\r\n}\r\n\r\n\/* LINE *\/\r\n.line{\r\n width:2px;\r\n height:50px;\r\n background:black;\r\n margin:20px auto;\r\n}\r\n\r\n.horizontal{\r\n width:70%;\r\n height:2px;\r\n background:black;\r\n margin:0 auto;\r\n}\r\n\r\n\/* ROW *\/\r\n.row{\r\n display:flex;\r\n justify-content:space-between;\r\n margin-top:30px;\r\n flex-wrap:wrap;\r\n gap:20px;\r\n}\r\n\r\n\/* MODAL (SAMA) *\/\r\n.modal{\r\n display:none;\r\n position:fixed;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n background:rgba(0,0,0,0.7);\r\n justify-content:center;\r\n align-items:center;\r\n}\r\n\r\n.modal-content{\r\n background:white;\r\n padding:25px;\r\n border-radius:20px;\r\n text-align:center;\r\n width:90%;\r\n max-width:500px;\r\n box-shadow:0 20px 40px rgba(0,0,0,0.2);\r\n}\r\n\r\n.modal-content h2{\r\n font-family:'DM Serif Display', serif;\r\n}\r\n\r\n.modal img{\r\n width:120px;\r\n height:120px;\r\n border-radius:50%;\r\n object-fit:cover;\r\n margin:10px;\r\n}\r\n\r\n.close{\r\n float:right;\r\n cursor:pointer;\r\n color:red;\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"container\">\r\n\r\n \r\n <div class=\"card\" onclick=\"showSingle('Dr. Laily Nur Arifa, M.Pd','https:\/\/img.lightshot.app\/_xIJbPomTySQYZBlQp7j2w.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/img.lightshot.app\/_xIJbPomTySQYZBlQp7j2w.png\">\r\n <div class=\"text\">\r\n <h3>Ketua Program Studi<\/h3>\r\n <p>Dr. Laily Nur Arifa, M.Pd<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"line\"><\/div>\r\n <div class=\"horizontal\"><\/div>\r\n\r\n \r\n <div class=\"row\">\r\n\r\n <div class=\"card\" onclick=\"showSingle('Shidqi Ahyani, M.Ag','https:\/\/img.lightshot.app\/dBnxEvrKRXSNR0IGE0pfiw.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/img.lightshot.app\/dBnxEvrKRXSNR0IGE0pfiw.png\">\r\n <div class=\"text\">\r\n <h3>Sekretaris<\/h3>\r\n <p>Shidqi Ahyani, M.Ag<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\" onclick=\"showSingle('Ani','https:\/\/img.lightshot.app\/A06nSTfkTSOkROogqpwkVQ.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/img.lightshot.app\/A06nSTfkTSOkROogqpwkVQ.png\">\r\n <div class=\"text\">\r\n <h3>Admin Prodi<\/h3>\r\n <p>Ani<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"modal\" id=\"modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close\" onclick=\"closeModal()\">X<\/span>\r\n <div id=\"modal-body\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction showSingle(nama, foto){\r\n let html = `\r\n <h2>${nama}<\/h2>\r\n <img decoding=\"async\" src=\"${foto}\">\r\n <p style=\"opacity:0.7;\">Struktur Program Studi<\/p>\r\n `;\r\n document.getElementById(\"modal-body\").innerHTML = html;\r\n document.getElementById(\"modal\").style.display=\"flex\";\r\n}\r\n\r\nfunction closeModal(){\r\n document.getElementById(\"modal\").style.display=\"none\";\r\n}\r\n\r\nwindow.onclick = function(e){\r\n let modal = document.getElementById(\"modal\");\r\n if(e.target === modal){\r\n modal.style.display=\"none\";\r\n }\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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-b957c30 e-flex e-con-boxed e-con e-parent\" data-id=\"b957c30\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09792fd elementor-widget elementor-widget-image\" data-id=\"09792fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"379\" src=\"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/bagan-rvs_1-kompres2-1536x728-1-1024x485.jpg\" class=\"attachment-large size-large wp-image-3188\" alt=\"\" srcset=\"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/bagan-rvs_1-kompres2-1536x728-1-1024x485.jpg 1024w, https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/bagan-rvs_1-kompres2-1536x728-1-300x142.jpg 300w, https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/bagan-rvs_1-kompres2-1536x728-1-768x364.jpg 768w, https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/bagan-rvs_1-kompres2-1536x728-1-18x9.jpg 18w, https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/bagan-rvs_1-kompres2-1536x728-1.jpg 1536w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\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>Struktur Prodi Ketua Program Studi Dr. Laily Nur Arifa, M.Pd Sekretaris Shidqi Ahyani, M.Ag Admin Prodi Ani X<\/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-3186","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3186"}],"version-history":[{"count":59,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3186\/revisions"}],"predecessor-version":[{"id":4661,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3186\/revisions\/4661"}],"wp:attachment":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}