{"id":3771,"date":"2025-09-08T07:58:59","date_gmt":"2025-09-08T07:58:59","guid":{"rendered":"https:\/\/pai.uin-malang.ac.id\/?page_id=3771"},"modified":"2026-03-14T09:01:02","modified_gmt":"2026-03-14T09:01:02","slug":"data-dosen","status":"publish","type":"page","link":"https:\/\/pai.uin-malang.ac.id\/?page_id=3771","title":{"rendered":"Data Dosen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3771\" class=\"elementor elementor-3771\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-340730e e-flex e-con-boxed e-con e-parent\" data-id=\"340730e\" 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-01c136f elementor-widget elementor-widget-html\" data-id=\"01c136f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* SECTION *\/\n\n.faculty-section{\nmax-width:1250px;\nmargin:auto;\npadding:90px 20px;\ntext-align:center;\n}\n\n.faculty-title{\nfont-size:36px;\nfont-weight:700;\nmargin-bottom:60px;\n}\n\n\/* GRID *\/\n\n.faculty-grid{\ndisplay:grid;\ngrid-template-columns:repeat(auto-fit,minmax(230px,1fr));\ngap:35px;\n}\n\n\/* CARD *\/\n\n.faculty-card{\nposition:relative;\noverflow:hidden;\nborder-radius:18px;\ncursor:pointer;\nbackground:#000;\nbox-shadow:0 20px 40px rgba(0,0,0,0.15);\ntransition:all .4s ease;\n}\n\n\/* IMAGE *\/\n\n.faculty-card img{\nwidth:100%;\nheight:100%;\naspect-ratio:3\/4;\nobject-fit:cover;\ndisplay:block;\ntransition:transform .6s ease;\n}\n\n\/* OVERLAY *\/\n\n.faculty-info{\nposition:absolute;\nbottom:0;\nleft:0;\nwidth:100%;\npadding:25px;\ncolor:white;\nbackground:linear-gradient(\nto top,\nrgba(0,0,0,0.85),\nrgba(0,0,0,0)\n);\ntransform:translateY(50%);\ntransition:.4s ease;\n}\n\n\/* TEXT *\/\n\n.faculty-info h3{\nmargin:0;\nfont-size:19px;\nfont-weight:600;\n}\n\n.faculty-info p{\nmargin:6px 0;\nfont-size:14px;\nopacity:.9;\n}\n\n\/* BUTTON *\/\n\n.faculty-btn{\ndisplay:inline-block;\nmargin-top:8px;\nfont-size:13px;\npadding:6px 14px;\nbackground:#0d6efd;\nborder-radius:20px;\n}\n\n\/* HOVER EFFECT *\/\n\n.faculty-card:hover img{\ntransform:scale(1.15);\n}\n\n.faculty-card:hover{\ntransform:translateY(-12px);\nbox-shadow:0 30px 60px rgba(0,0,0,0.25);\n}\n\n.faculty-card:hover .faculty-info{\ntransform:translateY(0);\n}\n\n\/* GLOW EFFECT *\/\n\n.faculty-card::before{\ncontent:\"\";\nposition:absolute;\ninset:0;\nbackground:linear-gradient(\n120deg,\ntransparent,\nrgba(255,255,255,0.25),\ntransparent\n);\nopacity:0;\ntransition:.4s;\n}\n\n.faculty-card:hover::before{\nopacity:1;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:768px){\n\n.faculty-section{\npadding:60px 15px;\n}\n\n.faculty-title{\nfont-size:28px;\n}\n\n\/* BUTTON *\/\n\n.profile-btn{\nmargin-top:10px;\npadding:6px 14px;\nborder:none;\nbackground:#0d6efd;\ncolor:white;\nborder-radius:6px;\ncursor:pointer;\nfont-size:13px;\n}\n\n.profile-btn:hover{\nbackground:#084298;\n}\n\n\/* MODAL *\/\n\n.profile-modal{\ndisplay:none;\nposition:fixed;\nz-index:999;\nleft:0;\ntop:0;\nwidth:100%;\nheight:100%;\nbackground:rgba(0,0,0,0.6);\njustify-content:center;\nalign-items:center;\n}\n\n\/* CONTENT *\/\n\n.profile-content{\nbackground:white;\npadding:30px;\nborder-radius:12px;\nmax-width:500px;\nwidth:90%;\ntext-align:center;\nposition:relative;\nanimation:fadeIn 0.3s;\n}\n\n.profile-photo{\nwidth:140px;\nborder-radius:50%;\nmargin-bottom:15px;\n}\n\n\/* CLOSE *\/\n\n.close-btn{\nposition:absolute;\ntop:10px;\nright:15px;\nfont-size:25px;\ncursor:pointer;\n}\n\n\/* ANIMATION *\/\n\n@keyframes fadeIn{\nfrom{\ntransform:scale(0.9);\nopacity:0;\n}\nto{\ntransform:scale(1);\nopacity:1;\n}\n}\n}\n<\/style>\n\n<div>\n<section class=\"faculty-section\">\n\n<h2 class=\"faculty-title\">Dosen Pengajar<\/h2>\n\n<div class=\"faculty-grid\">\n\n<div class=\"faculty-card\">\n<img decoding=\"async\" src=\"URL-FOTO.jpg\">\n<div class=\"faculty-info\">\n<h3>Dr. Ahmad Fauzi<\/h3>\n<p>Pendidikan Islam<\/p>\n<button class=\"profile-btn\" onclick=\"openProfile('dosen1')\">\nLihat Profil\n<\/button>\n<\/div>\n<\/div>\n\n<div class=\"faculty-card\">\n<img decoding=\"async\" src=\"URL-FOTO.jpg\">\n<div class=\"faculty-info\">\n<h3>Dr. Siti Rahma<\/h3>\n<p>Manajemen Pendidikan<\/p>\n<button class=\"profile-btn\" onclick=\"openProfile('dosen2')\">\nLihat Profil\n<\/button>\n<\/div>\n<\/div>\n\n<div class=\"faculty-card\">\n<img decoding=\"async\" src=\"URL-FOTO.jpg\">\n<div class=\"faculty-info\">\n<h3>Dr. Abdullah Karim<\/h3>\n<p>Teknologi Pendidikan<\/p>\n<button class=\"profile-btn\" onclick=\"openProfile('dosen3')\">\nLihat Profil\n<\/button>\n<\/div>\n<\/div>\n\n<div class=\"faculty-card\">\n<img decoding=\"async\" src=\"URL-FOTO.jpg\">\n<div class=\"faculty-info\">\n<h3>Dr. Nur Hasan<\/h3>\n<p>Filsafat Pendidikan<\/p>\n<button class=\"profile-btn\" onclick=\"openProfile('dosen4')\">\nLihat Profil\n<\/button>\n<\/div>\n<\/div>\n\n<\/div>\n\n<\/section>\n<\/div>\n\n<script>\n\nfunction openProfile(id){\ndocument.getElementById(id).style.display = \"flex\";\n}\n\nfunction closeProfile(id){\ndocument.getElementById(id).style.display = \"none\";\n}\n\nwindow.onclick = function(event){\n\nconst modals = document.querySelectorAll(\".profile-modal\");\n\nmodals.forEach(modal => {\n\nif(event.target === modal){\nmodal.style.display = \"none\";\n}\n\n});\n\n}\n\n<\/script>\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>Dosen Pengajar Dr. Ahmad Fauzi Pendidikan Islam Lihat Profil Dr. Siti Rahma Manajemen Pendidikan Lihat Profil Dr. Abdullah Karim Teknologi Pendidikan Lihat Profil Dr. Nur Hasan Filsafat Pendidikan Lihat Profil<\/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-3771","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3771","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=3771"}],"version-history":[{"count":33,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3771\/revisions"}],"predecessor-version":[{"id":4340,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3771\/revisions\/4340"}],"wp:attachment":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}