Layanan Akademik Premium<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n\r\n *{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n }\r\n\r\n body{\r\n font-family:'Poppins',sans-serif;\r\n background:#fff;\r\n color:white;\r\n overflow-x:hidden;\r\n }\r\n\r\n \/* SECTION *\/\r\n\r\n .services-section{\r\n position:relative;\r\n min-height:100vh;\r\n padding:110px 7%;\r\n overflow:hidden;\r\n }\r\n\r\n \/* SEARCH *\/\r\n\r\n .search-box{\r\n position:relative;\r\n z-index:2;\r\n max-width:850px;\r\n margin:0 auto 70px;\r\n }\r\n\r\n .search-box input{\r\n width:100%;\r\n padding:24px 28px;\r\n\r\n border:none;\r\n outline:none;\r\n\r\n border-radius:24px;\r\n\r\n background:rgba(255,255,255,.05);\r\n\r\n border:1px solid rgba(255,255,255,.08);\r\n\r\n backdrop-filter:blur(18px);\r\n\r\n color:#0f172a;\r\n\r\n font-size:1rem;\r\n\r\n transition:.3s ease;\r\n }\r\n\r\n .search-box input:focus{\r\n border-color:#38bdf8;\r\n box-shadow:\r\n 0 0 0 5px rgba(56,189,248,.12);\r\n }\r\n\r\n .search-box input::placeholder{\r\n color:#94a3b8;\r\n }\r\n\r\n \/* GRID *\/\r\n\r\n .services-grid{\r\n position:relative;\r\n z-index:2;\r\n\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(300px,1fr));\r\n gap:30px;\r\n }\r\n\r\n \/* CARD *\/\r\n\r\n .service-card{\r\n position:relative;\r\n\r\n background:rgba(255,255,255,.05);\r\n\r\n border:1px solid rgba(255,255,255,.08);\r\n\r\n backdrop-filter:blur(20px);\r\n\r\n border-radius:30px;\r\n\r\n padding:35px 30px;\r\n\r\n overflow:hidden;\r\n\r\n transition:.4s ease;\r\n\r\n box-shadow:\r\n 0 10px 35px rgba(0,0,0,.25);\r\n }\r\n\r\n .service-card::before{\r\n content:'';\r\n \r\n position:absolute;\r\n inset:0;\r\n \r\n background:linear-gradient(\r\n 135deg,\r\n rgba(56,189,248,.18),\r\n transparent 60%\r\n );\r\n \r\n opacity:0;\r\n \r\n transition:.4s ease;\r\n \r\n pointer-events:none;\r\n }\r\n\r\n .service-card:hover::before{\r\n opacity:1;\r\n }\r\n\r\n .service-card:hover{\r\n transform:translateY(-12px);\r\n\r\n border-color:rgba(56,189,248,.35);\r\n\r\n box-shadow:\r\n 0 25px 50px rgba(0,0,0,.45),\r\n 0 0 40px rgba(56,189,248,.12);\r\n }\r\n\r\n \/* ICON *\/\r\n\r\n .icon-box{\r\n width:80px;\r\n height:80px;\r\n\r\n border-radius:24px;\r\n\r\n background:linear-gradient(135deg,#06b6d4,#2563eb);\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n font-size:2rem;\r\n\r\n margin-bottom:28px;\r\n\r\n box-shadow:\r\n 0 15px 30px rgba(37,99,235,.25);\r\n }\r\n\r\n \/* TEXT *\/\r\n\r\n .service-title{\r\n font-size:1.35rem;\r\n line-height:1.5;\r\n margin-bottom:15px;\r\n font-weight:700;\r\n }\r\n\r\n .service-desc{\r\n color:#94a3b8;\r\n line-height:1.8;\r\n font-size:.95rem;\r\n margin-bottom:30px;\r\n }\r\n\r\n \/* BUTTON *\/\r\n\r\n .service-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:12px;\r\n\r\n text-decoration:none;\r\n\r\n padding:16px 24px;\r\n\r\n border-radius:16px;\r\n\r\n background:rgba(255,255,255,.06);\r\n\r\n border:1px solid rgba(255,255,255,.08);\r\n\r\n color:white;\r\n\r\n font-weight:600;\r\n font-size:.92rem;\r\n\r\n transition:.3s ease;\r\n position:relative;\r\n z-index:5;\r\n }\r\n\r\n .service-btn:hover{\r\n background:linear-gradient(135deg,#06b6d4,#2563eb);\r\n\r\n transform:translateY(-4px);\r\n\r\n box-shadow:\r\n 0 15px 25px rgba(37,99,235,.28);\r\n }\r\n\r\n \/* STATUS *\/\r\n\r\n .status-dot{\r\n position:absolute;\r\n\r\n top:24px;\r\n right:24px;\r\n\r\n width:12px;\r\n height:12px;\r\n\r\n border-radius:50%;\r\n\r\n background:#22c55e;\r\n\r\n box-shadow:\r\n 0 0 15px #22c55e;\r\n }\r\n\r\n \/* RESPONSIVE *\/\r\n\r\n @media(max-width:900px){\r\n\r\n .section-header h1{\r\n font-size:2.8rem;\r\n }\r\n\r\n }\r\n\r\n @media(max-width:600px){\r\n\r\n .services-section{\r\n padding:80px 20px;\r\n }\r\n\r\n .section-header h1{\r\n font-size:2rem;\r\n }\r\n\r\n .service-card{\r\n padding:28px 24px;\r\n }\r\n\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <section class=\"services-section\">\r\n\r\n \r\n\r\n <div class=\"search-box\">\r\n\r\n <input \r\n type=\"text\" \r\n id=\"searchInput\"\r\n placeholder=\"\ud83d\udd0d Cari layanan akademik...\"\r\n >\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"services-grid\" id=\"servicesGrid\">\r\n\r\n \r\n\r\n <div class=\"service-card\" data-title=\"Website Akademik Universitas\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83c\udf93\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Website Administrasi Akademik Universitas\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Akses sistem akademik utama untuk KRS, jadwal kuliah, dan informasi mahasiswa.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/akademik.uin-malang.ac.id\/\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"service-card\" data-title=\"E-Learning PAI\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83c\udf93\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Website Fakultas Ilmu Tarbiyah dan Keguruan\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Platform pembelajaran online untuk akses materi, tugas, dan diskusi akademik.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/fitk.uin-malang.ac.id\/\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n \r\n\r\n <div class=\"service-card\" data-title=\"E-Learning PAI\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83c\udf93\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Website Prodi S1 Pendidikan Agama Islam\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Platform pembelajaran online untuk akses materi, tugas, dan diskusi akademik.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/pai.uin-malang.ac.id\/\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n \r\n \r\n\r\n <div class=\"service-card\" data-title=\"E-Learning PAI\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83d\udcbb\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Website Sistem Informasi Akademik\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Platform pembelajaran online untuk akses materi, tugas, dan diskusi akademik.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/siakad.uin-malang.ac.id\/\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n \r\n \r\n\r\n <div class=\"service-card\" data-title=\"E-Learning PAI\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83d\udcbb\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Website E-Learning\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Platform pembelajaran online untuk akses materi, tugas, dan diskusi akademik.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/elearning.uin-malang.ac.id\/\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"service-card\" data-title=\"Portal Skripsi\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83d\udcc4\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Formulir Pendaftaran Yudisium\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Sistem layanan bimbingan, pengajuan judul, dan administrasi skripsi mahasiswa.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/docs.google.com\/forms\/u\/0\/d\/e\/1FAIpQLSfcYnMvsF1GjTiyYl_I7fKMSkF8bDy4T1g4jiPGZrXM93l2dA\/closedform\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"service-card\" data-title=\"Jurnal Mahasiswa\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83d\udcda\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Form Sidang Skripsi FITK\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Publikasi karya ilmiah dan jurnal akademik mahasiswa Program Studi PAI.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSdf46A7Hru38FUKFKkh_xDT7ksR5CrGX6ejBeTe0ilomy2ysw\/closedform\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"service-card\" data-title=\"Layanan Surat Akademik\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83d\udcdd\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Form Kompre FITK\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Pengajuan surat aktif kuliah, penelitian, magang, dan administrasi lainnya.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfY1aKBPn3VQab0cYzKw9R9U8iP9ibugWgQx_EowJspQesaYQ\/closedform\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"service-card\" data-title=\"Database Alumni\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83d\udc68\u200d\ud83c\udf93\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Formulir Pendaftaran Ujian Skripsi\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Sistem informasi dan jejaring alumni Program Studi Pendidikan Agama Islam.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSdvR-WQLWRiS9iFYBE-dbi4mF9rF_oi2m4NwPdz_-K1fQZDkw\/viewform\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n \r\n\r\n <div class=\"service-card\" data-title=\"E-Learning PAI\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83c\udf93\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Formulir Pendaftaran Ujian Komprehensif\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Platform pembelajaran online untuk akses materi, tugas, dan diskusi akademik.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/docs.google.com\/forms\/d\/1F_9la6I2ZNBafaQTXskJSNZ8si3RnJyqiON-kfe0Mis\/viewform?edit_requested=true\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n \r\n\r\n <div class=\"service-card\" data-title=\"E-Learning PAI\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83c\udf93\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Formulit Pendaftaran Judul Skripsi\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Platform pembelajaran online untuk akses materi, tugas, dan diskusi akademik.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSekVJkFN96qrTW2v8pm5IFRdLiVmbmlBuR3EmH594FISvblDQ\/viewform\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n \r\n \r\n\r\n <div class=\"service-card\" data-title=\"E-Learning PAI\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83c\udf93\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Info Lebih Lanjut\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Platform pembelajaran online untuk akses materi, tugas, dan diskusi akademik.\r\n <\/p>\r\n\r\n <a href=\"#\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n \r\n\r\n <\/section>\r\n\r\n <script>\r\n\r\n const searchInput = document.getElementById('searchInput');\r\n const cards = document.querySelectorAll('.service-card');\r\n\r\n \/\/ SEARCH FILTER\r\n\r\n searchInput.addEventListener('keyup', () => {\r\n\r\n const value = searchInput.value.toLowerCase();\r\n\r\n cards.forEach(card => {\r\n\r\n const title = card.dataset.title.toLowerCase();\r\n\r\n if(title.includes(value)){\r\n card.style.display = 'block';\r\n } else {\r\n card.style.display = 'none';\r\n }\r\n\r\n });\r\n\r\n });\r\n\r\n \/\/ PREMIUM MOUSE EFFECT\r\n\r\n cards.forEach(card => {\r\n\r\n card.addEventListener('mousemove', (e) => {\r\n\r\n const rect = card.getBoundingClientRect();\r\n\r\n const x = e.clientX - rect.left;\r\n const y = e.clientY - rect.top;\r\n\r\n card.style.background = `\r\n radial-gradient(\r\n circle at ${x}px ${y}px,\r\n rgba(56,189,248,.16),\r\n rgba(255,255,255,.05) 45%\r\n )\r\n `;\r\n\r\n });\r\n\r\n card.addEventListener('mouseleave', () => {\r\n\r\n card.style.background = 'rgba(255,255,255,.05)';\r\n\r\n });\r\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Layanan Akademik Premium \ud83c\udf93 Website Administrasi Akademik Universitas Akses sistem akademik utama untuk KRS, jadwal kuliah, dan informasi mahasiswa. \ud83d\ude80 Buka Layanan \ud83c\udf93 Website Fakultas Ilmu Tarbiyah dan Keguruan Platform pembelajaran online untuk akses materi, tugas, dan diskusi akademik. \ud83d\ude80 Buka Layanan \ud83c\udf93 Website Prodi S1 Pendidikan Agama Islam Platform pembelajaran online untuk akses materi, […]<\/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-3201","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3201","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=3201"}],"version-history":[{"count":34,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3201\/revisions"}],"predecessor-version":[{"id":5090,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3201\/revisions\/5090"}],"wp:attachment":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3201"}],"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\n \r\n\r\n Layanan Akademik Premium<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n\r\n *{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n }\r\n\r\n body{\r\n font-family:'Poppins',sans-serif;\r\n background:#fff;\r\n color:white;\r\n overflow-x:hidden;\r\n }\r\n\r\n \/* SECTION *\/\r\n\r\n .services-section{\r\n position:relative;\r\n min-height:100vh;\r\n padding:110px 7%;\r\n overflow:hidden;\r\n }\r\n\r\n \/* SEARCH *\/\r\n\r\n .search-box{\r\n position:relative;\r\n z-index:2;\r\n max-width:850px;\r\n margin:0 auto 70px;\r\n }\r\n\r\n .search-box input{\r\n width:100%;\r\n padding:24px 28px;\r\n\r\n border:none;\r\n outline:none;\r\n\r\n border-radius:24px;\r\n\r\n background:rgba(255,255,255,.05);\r\n\r\n border:1px solid rgba(255,255,255,.08);\r\n\r\n backdrop-filter:blur(18px);\r\n\r\n color:#0f172a;\r\n\r\n font-size:1rem;\r\n\r\n transition:.3s ease;\r\n }\r\n\r\n .search-box input:focus{\r\n border-color:#38bdf8;\r\n box-shadow:\r\n 0 0 0 5px rgba(56,189,248,.12);\r\n }\r\n\r\n .search-box input::placeholder{\r\n color:#94a3b8;\r\n }\r\n\r\n \/* GRID *\/\r\n\r\n .services-grid{\r\n position:relative;\r\n z-index:2;\r\n\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(300px,1fr));\r\n gap:30px;\r\n }\r\n\r\n \/* CARD *\/\r\n\r\n .service-card{\r\n position:relative;\r\n\r\n background:rgba(255,255,255,.05);\r\n\r\n border:1px solid rgba(255,255,255,.08);\r\n\r\n backdrop-filter:blur(20px);\r\n\r\n border-radius:30px;\r\n\r\n padding:35px 30px;\r\n\r\n overflow:hidden;\r\n\r\n transition:.4s ease;\r\n\r\n box-shadow:\r\n 0 10px 35px rgba(0,0,0,.25);\r\n }\r\n\r\n .service-card::before{\r\n content:'';\r\n \r\n position:absolute;\r\n inset:0;\r\n \r\n background:linear-gradient(\r\n 135deg,\r\n rgba(56,189,248,.18),\r\n transparent 60%\r\n );\r\n \r\n opacity:0;\r\n \r\n transition:.4s ease;\r\n \r\n pointer-events:none;\r\n }\r\n\r\n .service-card:hover::before{\r\n opacity:1;\r\n }\r\n\r\n .service-card:hover{\r\n transform:translateY(-12px);\r\n\r\n border-color:rgba(56,189,248,.35);\r\n\r\n box-shadow:\r\n 0 25px 50px rgba(0,0,0,.45),\r\n 0 0 40px rgba(56,189,248,.12);\r\n }\r\n\r\n \/* ICON *\/\r\n\r\n .icon-box{\r\n width:80px;\r\n height:80px;\r\n\r\n border-radius:24px;\r\n\r\n background:linear-gradient(135deg,#06b6d4,#2563eb);\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n font-size:2rem;\r\n\r\n margin-bottom:28px;\r\n\r\n box-shadow:\r\n 0 15px 30px rgba(37,99,235,.25);\r\n }\r\n\r\n \/* TEXT *\/\r\n\r\n .service-title{\r\n font-size:1.35rem;\r\n line-height:1.5;\r\n margin-bottom:15px;\r\n font-weight:700;\r\n }\r\n\r\n .service-desc{\r\n color:#94a3b8;\r\n line-height:1.8;\r\n font-size:.95rem;\r\n margin-bottom:30px;\r\n }\r\n\r\n \/* BUTTON *\/\r\n\r\n .service-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:12px;\r\n\r\n text-decoration:none;\r\n\r\n padding:16px 24px;\r\n\r\n border-radius:16px;\r\n\r\n background:rgba(255,255,255,.06);\r\n\r\n border:1px solid rgba(255,255,255,.08);\r\n\r\n color:white;\r\n\r\n font-weight:600;\r\n font-size:.92rem;\r\n\r\n transition:.3s ease;\r\n position:relative;\r\n z-index:5;\r\n }\r\n\r\n .service-btn:hover{\r\n background:linear-gradient(135deg,#06b6d4,#2563eb);\r\n\r\n transform:translateY(-4px);\r\n\r\n box-shadow:\r\n 0 15px 25px rgba(37,99,235,.28);\r\n }\r\n\r\n \/* STATUS *\/\r\n\r\n .status-dot{\r\n position:absolute;\r\n\r\n top:24px;\r\n right:24px;\r\n\r\n width:12px;\r\n height:12px;\r\n\r\n border-radius:50%;\r\n\r\n background:#22c55e;\r\n\r\n box-shadow:\r\n 0 0 15px #22c55e;\r\n }\r\n\r\n \/* RESPONSIVE *\/\r\n\r\n @media(max-width:900px){\r\n\r\n .section-header h1{\r\n font-size:2.8rem;\r\n }\r\n\r\n }\r\n\r\n @media(max-width:600px){\r\n\r\n .services-section{\r\n padding:80px 20px;\r\n }\r\n\r\n .section-header h1{\r\n font-size:2rem;\r\n }\r\n\r\n .service-card{\r\n padding:28px 24px;\r\n }\r\n\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <section class=\"services-section\">\r\n\r\n \r\n\r\n <div class=\"search-box\">\r\n\r\n <input \r\n type=\"text\" \r\n id=\"searchInput\"\r\n placeholder=\"\ud83d\udd0d Cari layanan akademik...\"\r\n >\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"services-grid\" id=\"servicesGrid\">\r\n\r\n \r\n\r\n <div class=\"service-card\" data-title=\"Website Akademik Universitas\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83c\udf93\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Website Administrasi Akademik Universitas\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Akses sistem akademik utama untuk KRS, jadwal kuliah, dan informasi mahasiswa.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/akademik.uin-malang.ac.id\/\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"service-card\" data-title=\"E-Learning PAI\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83c\udf93\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Website Fakultas Ilmu Tarbiyah dan Keguruan\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Platform pembelajaran online untuk akses materi, tugas, dan diskusi akademik.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/fitk.uin-malang.ac.id\/\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n \r\n\r\n <div class=\"service-card\" data-title=\"E-Learning PAI\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83c\udf93\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Website Prodi S1 Pendidikan Agama Islam\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Platform pembelajaran online untuk akses materi, tugas, dan diskusi akademik.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/pai.uin-malang.ac.id\/\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n \r\n \r\n\r\n <div class=\"service-card\" data-title=\"E-Learning PAI\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83d\udcbb\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Website Sistem Informasi Akademik\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Platform pembelajaran online untuk akses materi, tugas, dan diskusi akademik.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/siakad.uin-malang.ac.id\/\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n \r\n \r\n\r\n <div class=\"service-card\" data-title=\"E-Learning PAI\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83d\udcbb\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Website E-Learning\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Platform pembelajaran online untuk akses materi, tugas, dan diskusi akademik.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/elearning.uin-malang.ac.id\/\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"service-card\" data-title=\"Portal Skripsi\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83d\udcc4\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Formulir Pendaftaran Yudisium\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Sistem layanan bimbingan, pengajuan judul, dan administrasi skripsi mahasiswa.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/docs.google.com\/forms\/u\/0\/d\/e\/1FAIpQLSfcYnMvsF1GjTiyYl_I7fKMSkF8bDy4T1g4jiPGZrXM93l2dA\/closedform\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"service-card\" data-title=\"Jurnal Mahasiswa\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83d\udcda\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Form Sidang Skripsi FITK\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Publikasi karya ilmiah dan jurnal akademik mahasiswa Program Studi PAI.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSdf46A7Hru38FUKFKkh_xDT7ksR5CrGX6ejBeTe0ilomy2ysw\/closedform\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"service-card\" data-title=\"Layanan Surat Akademik\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83d\udcdd\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Form Kompre FITK\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Pengajuan surat aktif kuliah, penelitian, magang, dan administrasi lainnya.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfY1aKBPn3VQab0cYzKw9R9U8iP9ibugWgQx_EowJspQesaYQ\/closedform\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"service-card\" data-title=\"Database Alumni\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83d\udc68\u200d\ud83c\udf93\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Formulir Pendaftaran Ujian Skripsi\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Sistem informasi dan jejaring alumni Program Studi Pendidikan Agama Islam.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSdvR-WQLWRiS9iFYBE-dbi4mF9rF_oi2m4NwPdz_-K1fQZDkw\/viewform\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n \r\n\r\n <div class=\"service-card\" data-title=\"E-Learning PAI\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83c\udf93\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Formulir Pendaftaran Ujian Komprehensif\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Platform pembelajaran online untuk akses materi, tugas, dan diskusi akademik.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/docs.google.com\/forms\/d\/1F_9la6I2ZNBafaQTXskJSNZ8si3RnJyqiON-kfe0Mis\/viewform?edit_requested=true\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n \r\n\r\n <div class=\"service-card\" data-title=\"E-Learning PAI\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83c\udf93\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Formulit Pendaftaran Judul Skripsi\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Platform pembelajaran online untuk akses materi, tugas, dan diskusi akademik.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSekVJkFN96qrTW2v8pm5IFRdLiVmbmlBuR3EmH594FISvblDQ\/viewform\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n \r\n \r\n\r\n <div class=\"service-card\" data-title=\"E-Learning PAI\">\r\n\r\n <div class=\"status-dot\"><\/div>\r\n\r\n <div class=\"icon-box\">\r\n \ud83c\udf93\r\n <\/div>\r\n\r\n <h2 class=\"service-title\">\r\n Info Lebih Lanjut\r\n <\/h2>\r\n\r\n <p class=\"service-desc\">\r\n Platform pembelajaran online untuk akses materi, tugas, dan diskusi akademik.\r\n <\/p>\r\n\r\n <a href=\"#\" \r\n target=\"_blank\"\r\n class=\"service-btn\">\r\n \ud83d\ude80 Buka Layanan\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n \r\n\r\n <\/section>\r\n\r\n <script>\r\n\r\n const searchInput = document.getElementById('searchInput');\r\n const cards = document.querySelectorAll('.service-card');\r\n\r\n \/\/ SEARCH FILTER\r\n\r\n searchInput.addEventListener('keyup', () => {\r\n\r\n const value = searchInput.value.toLowerCase();\r\n\r\n cards.forEach(card => {\r\n\r\n const title = card.dataset.title.toLowerCase();\r\n\r\n if(title.includes(value)){\r\n card.style.display = 'block';\r\n } else {\r\n card.style.display = 'none';\r\n }\r\n\r\n });\r\n\r\n });\r\n\r\n \/\/ PREMIUM MOUSE EFFECT\r\n\r\n cards.forEach(card => {\r\n\r\n card.addEventListener('mousemove', (e) => {\r\n\r\n const rect = card.getBoundingClientRect();\r\n\r\n const x = e.clientX - rect.left;\r\n const y = e.clientY - rect.top;\r\n\r\n card.style.background = `\r\n radial-gradient(\r\n circle at ${x}px ${y}px,\r\n rgba(56,189,248,.16),\r\n rgba(255,255,255,.05) 45%\r\n )\r\n `;\r\n\r\n });\r\n\r\n card.addEventListener('mouseleave', () => {\r\n\r\n card.style.background = 'rgba(255,255,255,.05)';\r\n\r\n });\r\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Layanan Akademik Premium \ud83c\udf93 Website Administrasi Akademik Universitas Akses sistem akademik utama untuk KRS, jadwal kuliah, dan informasi mahasiswa. \ud83d\ude80 Buka Layanan \ud83c\udf93 Website Fakultas Ilmu Tarbiyah dan Keguruan Platform pembelajaran online untuk akses materi, tugas, dan diskusi akademik. \ud83d\ude80 Buka Layanan \ud83c\udf93 Website Prodi S1 Pendidikan Agama Islam Platform pembelajaran online untuk akses materi, […]<\/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-3201","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3201","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=3201"}],"version-history":[{"count":34,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3201\/revisions"}],"predecessor-version":[{"id":5090,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3201\/revisions\/5090"}],"wp:attachment":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}