{"id":3148,"date":"2025-08-12T04:32:04","date_gmt":"2025-08-12T04:32:04","guid":{"rendered":"https:\/\/staging.lis.uin-malang.ac.id\/?page_id=3148"},"modified":"2026-07-13T13:48:28","modified_gmt":"2026-07-13T06:48:28","slug":"direktori-akreditasi","status":"publish","type":"page","link":"https:\/\/lis.uin-malang.ac.id\/ar\/direktori-akreditasi\/","title":{"rendered":"Direktori Akreditasi"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3148\" class=\"elementor elementor-3148\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e6852f e-flex e-con-boxed e-con e-parent\" data-id=\"2e6852f\" 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-703317e elementor-widget elementor-widget-text-editor\" data-id=\"703317e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"akreditasi-table-wrapper\">\n    <!-- Load FontAwesome untuk ikon menarik -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        .akreditasi-table-wrapper {\n            font-family: \"Poppins\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n            margin: 20px 0 40px;\n            padding: 5px;\n        }\n\n        .akreditasi-table {\n            width: 100%;\n            border-collapse: separate;\n            border-spacing: 0;\n            border-radius: 14px;\n            overflow: hidden;\n            background: #ffffff;\n            box-shadow: 0 10px 30px rgba(22, 160, 133, 0.08);\n            font-size: 14px;\n            border: 1px solid #eef5f3;\n        }\n\n        .akreditasi-table thead {\n            background: linear-gradient(135deg, #16a085, #1abc9c);\n            color: #ffffff;\n        }\n\n        .akreditasi-table th {\n            padding: 16px 20px;\n            text-align: left;\n            font-weight: 600;\n            letter-spacing: 0.5px;\n            text-transform: uppercase;\n            font-size: 13px;\n        }\n\n        .akreditasi-table td {\n            padding: 16px 20px;\n            text-align: left;\n            color: #2c3e50;\n            border-bottom: 1px solid #f2f8f6;\n            transition: all 0.2s ease;\n        }\n\n        .akreditasi-table tbody tr:last-child td {\n            border-bottom: none;\n        }\n\n        .akreditasi-table tbody tr {\n            background: #ffffff;\n            transition: all 0.25s ease;\n        }\n\n        \/* Zebra striping lembut *\/\n        .akreditasi-table tbody tr:nth-child(even) {\n            background: #fcfdfe;\n        }\n\n        \/* Efek Hover Baris Premium *\/\n        .akreditasi-table tbody tr:hover {\n            background: #f0faf7;\n        }\n        \n        .akreditasi-table tbody tr:hover td {\n            color: #0e6251;\n        }\n\n        \/* Kolom Nomor yang Lebih Rapi *\/\n        .akreditasi-table td:first-child {\n            font-weight: 600;\n            color: #7f8c8d;\n            width: 60px;\n        }\n\n        \/* Desain Baru Tombol Download *\/\n        .akreditasi-download-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 10px 20px;\n            border-radius: 30px; \/* Membuat tombol lonjong modern *\/\n            text-decoration: none;\n            font-size: 13px;\n            font-weight: 600;\n            color: #ffffff;\n            background: linear-gradient(135deg, #1abc9c, #16a085);\n            box-shadow: 0 4px 15px rgba(26, 188, 156, 0.25);\n            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n        }\n\n        .akreditasi-download-btn i {\n            font-size: 14px;\n            transition: transform 0.2s ease;\n        }\n\n        .akreditasi-download-btn:hover {\n            background: linear-gradient(135deg, #149077, #117a65);\n            box-shadow: 0 6px 20px rgba(22, 160, 133, 0.4);\n            transform: translateY(-2px);\n        }\n\n        \/* Efek ikon panah bergerak sedikit ke bawah saat hover *\/\n        .akreditasi-download-btn:hover i {\n            transform: translateY(2px);\n        }\n\n        .akreditasi-download-btn:active {\n            transform: translateY(0);\n            box-shadow: 0 2px 10px rgba(22, 160, 133, 0.3);\n        }\n\n        \/* Responsif Sempurna untuk Mobile *\/\n        @media screen and (max-width: 680px) {\n            .akreditasi-table thead { \n                display: none; \n            }\n\n            .akreditasi-table,\n            .akreditasi-table tbody,\n            .akreditasi-table tr,\n            .akreditasi-table td {\n                display: block;\n                width: 100%;\n                box-sizing: border-box;\n            }\n\n            .akreditasi-table tr {\n                margin-bottom: 18px;\n                background: #ffffff;\n                border-radius: 12px;\n                box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n                border: 1px solid #eef5f3;\n                overflow: hidden;\n            }\n\n            .akreditasi-table tr:hover {\n                transform: none;\n                background: #ffffff;\n            }\n\n            .akreditasi-table td {\n                padding: 14px 16px;\n                text-align: right;\n                position: relative;\n                border-bottom: 1px solid #f5f9f8;\n                font-size: 13px;\n            }\n\n            .akreditasi-table td:first-child {\n                width: 100%;\n                background-color: #fcfdfe;\n                text-align: left;\n                padding-left: 16px;\n            }\n\n            .akreditasi-table td:last-child {\n                border-bottom: none;\n                text-align: center; \/* Tombol ketengah di mobile *\/\n                padding: 16px;\n                background: #fafdfc;\n            }\n\n            .akreditasi-table td::before {\n                content: attr(data-label);\n                position: absolute;\n                left: 16px;\n                top: 50%;\n                transform: translateY(-50%);\n                font-weight: 600;\n                color: #7f8c8d;\n                font-size: 12px;\n                text-transform: uppercase;\n                letter-spacing: 0.5px;\n            }\n\n            \/* Sembunyikan label \"No\" di versi mobile karena tidak terlalu esensial *\/\n            .akreditasi-table td:first-child::before {\n                content: \"Item Nomer\";\n            }\n            \n            .akreditasi-table td:last-child::before {\n                display: none; \/* Sembunyikan label text untuk kolom download *\/\n            }\n\n            .akreditasi-download-btn {\n                width: 100%;\n                justify-content: center;\n                padding: 12px;\n            }\n        }\n    <\/style>\n\n    <table class=\"akreditasi-table\">\n        <thead>\n            <tr>\n                <th>No<\/th>\n                <th>Judul Dokumen Resmi<\/th>\n                <th>Aksi Dokumen<\/th>\n            <\/tr>\n        <\/thead>\n        <tbody>\n            <tr>\n                <td data-label=\"No\">1<\/td>\n                <td data-label=\"Judul Dokumen\">Akreditasi Program Studi 2021 \u2013 2026<\/td>\n                <td data-label=\"Unduh\">\n                    <a class=\"akreditasi-download-btn\" href=\"https:\/\/lpm.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/SSertifikat-30855-a804953977362a71167cc2aedc0170f8.pdf\" target=\"_blank\" rel=\"noopener\">\n                        <i class=\"fa-solid fa-cloud-arrow-down\"><\/i> Unduh PDF\n                    <\/a>\n                <\/td>\n            <\/tr>\n            <tr>\n                <td data-label=\"No\">2<\/td>\n                <td data-label=\"Judul Dokumen\">Akreditasi Universitas 2024 \u2013 2029<\/td>\n                <td data-label=\"Unduh\">\n                    <a class=\"akreditasi-download-btn\" href=\"https:\/\/lpm.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/SSertifikat-79099-6c71e6893fb4619a425517a7dc3d2e62_sign.pdf\" target=\"_blank\" rel=\"noopener\">\n                        <i class=\"fa-solid fa-cloud-arrow-down\"><\/i> Unduh PDF\n                    <\/a>\n                <\/td>\n            <\/tr>\n        <\/tbody>\n    <\/table>\n<\/div>\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>","protected":false},"excerpt":{"rendered":"<p>No Judul Dokumen Resmi Aksi Dokumen 1 Akreditasi Program Studi 2021 \u2013 2026 Unduh PDF 2 Akreditasi Universitas 2024 \u2013 2029 Unduh PDF<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3148","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lis.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/3148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lis.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lis.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lis.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lis.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/comments?post=3148"}],"version-history":[{"count":16,"href":"https:\/\/lis.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/3148\/revisions"}],"predecessor-version":[{"id":4959,"href":"https:\/\/lis.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/3148\/revisions\/4959"}],"wp:attachment":[{"href":"https:\/\/lis.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/media?parent=3148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}