{"id":6047,"date":"2026-09-15T12:23:17","date_gmt":"2026-09-15T12:23:17","guid":{"rendered":"https:\/\/pai.uin-malang.ac.id\/?page_id=6047"},"modified":"2026-09-15T12:33:17","modified_gmt":"2026-09-15T12:33:17","slug":"pengabdian-2","status":"publish","type":"page","link":"https:\/\/pai.uin-malang.ac.id\/?page_id=6047","title":{"rendered":"Pengabdian Mahasiswa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6047\" class=\"elementor elementor-6047\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36db026 e-flex e-con-boxed e-con e-parent\" data-id=\"36db026\" 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-496787b elementor-widget elementor-widget-html\" data-id=\"496787b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Wrapper Utama *\/\r\n    .pg-adv-container {\r\n        width: 100%;\r\n        margin: 20px 0;\r\n        font-family: inherit;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .pg-adv-container * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Grid Layout Responsive *\/\r\n    .pg-adv-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n        gap: 24px;\r\n    }\r\n\r\n    \/* Modern Glass Card *\/\r\n    .pg-adv-card {\r\n        background: #ffffff;\r\n        border-radius: 18px;\r\n        border: 1px solid #e2e8f0;\r\n        box-shadow: 0 10px 30px rgba(2, 132, 199, 0.06);\r\n        overflow: hidden;\r\n        transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .pg-adv-card:hover {\r\n        transform: translateY(-6px);\r\n        box-shadow: 0 18px 36px rgba(56, 189, 248, 0.16);\r\n        border-color: #7dd3fc;\r\n    }\r\n\r\n    \/* Header Kartu dengan Banner Soft Gradient *\/\r\n    .pg-adv-header {\r\n        background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);\r\n        padding: 16px 20px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        border-bottom: 1px solid #bae6fd;\r\n    }\r\n\r\n    .pg-adv-year {\r\n        background: #0284c7;\r\n        color: #ffffff;\r\n        font-size: 0.8rem;\r\n        font-weight: 800;\r\n        padding: 4px 12px;\r\n        border-radius: 20px;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .pg-adv-status {\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        color: #0369a1;\r\n        background: rgba(255, 255, 255, 0.7);\r\n        padding: 3px 10px;\r\n        border-radius: 12px;\r\n        backdrop-filter: blur(4px);\r\n    }\r\n\r\n    \/* Body Kartu *\/\r\n    .pg-adv-body {\r\n        padding: 20px;\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .pg-adv-title {\r\n        font-size: 1.05rem;\r\n        font-weight: 700;\r\n        color: #0c4a6e;\r\n        margin: 0 0 14px 0 !important;\r\n        line-height: 1.45;\r\n    }\r\n\r\n    .pg-adv-meta {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        font-size: 0.85rem;\r\n        color: #0284c7;\r\n        font-weight: 600;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .pg-adv-icon {\r\n        width: 16px;\r\n        height: 16px;\r\n        fill: #0284c7;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* Accordion Detail Area (Tersembunyi secara Default) *\/\r\n    .pg-adv-details {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.4s cubic-bezier(0, 1, 0, 1);\r\n        background-color: #f8fafc;\r\n        border-top: 1px dashed #cbd5e1;\r\n    }\r\n\r\n    .pg-adv-details-content {\r\n        padding: 16px 20px;\r\n        font-size: 0.85rem;\r\n        color: #334155;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .pg-adv-details-content p {\r\n        margin: 0 0 8px 0 !important;\r\n    }\r\n\r\n    .pg-adv-details-content strong {\r\n        color: #0369a1;\r\n    }\r\n\r\n    \/* Footer & Tombol Toggle *\/\r\n    .pg-adv-footer {\r\n        padding: 12px 20px;\r\n        background-color: #ffffff;\r\n        border-top: 1px solid #f1f5f9;\r\n    }\r\n\r\n    .pg-adv-toggle-btn {\r\n        width: 100%;\r\n        padding: 10px;\r\n        background: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);\r\n        color: #ffffff !important;\r\n        border: none;\r\n        border-radius: 10px;\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 8px;\r\n        transition: all 0.25s ease;\r\n        box-shadow: 0 4px 12px rgba(56, 189, 248, 0.25);\r\n    }\r\n\r\n    .pg-adv-toggle-btn:hover {\r\n        background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);\r\n        box-shadow: 0 6px 16px rgba(2, 132, 199, 0.35);\r\n    }\r\n\r\n    .pg-adv-arrow {\r\n        width: 14px;\r\n        height: 14px;\r\n        fill: #ffffff;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    \/* Class Aktif untuk Rotasi Panah & Ekspansi Accordion *\/\r\n    .pg-adv-card.open .pg-adv-details {\r\n        max-height: 500px;\r\n        transition: max-height 0.4s ease-in-out;\r\n    }\r\n\r\n    .pg-adv-card.open .pg-adv-arrow {\r\n        transform: rotate(180deg);\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pg-adv-container\">\r\n    <div class=\"pg-adv-grid\">\r\n\r\n        <!-- KARTU 1 -->\r\n        <div class=\"pg-adv-card\">\r\n            <div class=\"pg-adv-header\">\r\n                <span class=\"pg-adv-year\">2026<\/span>\r\n                <span class=\"pg-adv-status\">Selesai<\/span>\r\n            <\/div>\r\n            <div class=\"pg-adv-body\">\r\n                <h3 class=\"pg-adv-title\">Pelatihan Pembuatan Media Pembelajaran Interaktif Bagi Guru SMA<\/h3>\r\n                <div class=\"pg-adv-meta\">\r\n                    <svg class=\"pg-adv-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\r\n                    <span>Ketua: Dr. Ahmad Fauzi, M.Pd.<\/span>\r\n                <\/div>\r\n                <div class=\"pg-adv-meta\">\r\n                    <svg class=\"pg-adv-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                    <span>Lokasi: Malang, Jawa Timur<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Area Detail Accordion -->\r\n            <div class=\"pg-adv-details\">\r\n                <div class=\"pg-adv-details-content\">\r\n                    <p><strong>Anggota Tim:<\/strong> Rina Lestari, M.Pd., Dewa Putu, M.T.<\/p>\r\n                    <p><strong>Mitra Sasaran:<\/strong> Musyawarah Guru Mata Pelajaran (MGMP)<\/p>\r\n                    <p><strong>Skema:<\/strong> Pengabdian Berbasis Komunitas<\/p>\r\n                    <p><strong>Deskripsi:<\/strong> Program pendampingan intensif penyusunan modul digital berbasis active learning untuk meningkatkan kualitas pembelajaran di sekolah.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"pg-adv-footer\">\r\n                <button class=\"pg-adv-toggle-btn\" onclick=\"togglePgCard(this)\">\r\n                    <span>Lihat Detail Lengkap<\/span>\r\n                    <svg class=\"pg-adv-arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\/><\/svg>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- KARTU 2 -->\r\n        <div class=\"pg-adv-card\">\r\n            <div class=\"pg-adv-header\">\r\n                <span class=\"pg-adv-year\">2025<\/span>\r\n                <span class=\"pg-adv-status\">Selesai<\/span>\r\n            <\/div>\r\n            <div class=\"pg-adv-body\">\r\n                <h3 class=\"pg-adv-title\">Pemberdayaan Masyarakat Melalui Sistem Informasi Desa Digital<\/h3>\r\n                <div class=\"pg-adv-meta\">\r\n                    <svg class=\"pg-adv-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\r\n                    <span>Ketua: Siti Nurhaliza, M.T.<\/span>\r\n                <\/div>\r\n                <div class=\"pg-adv-meta\">\r\n                    <svg class=\"pg-adv-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                    <span>Lokasi: Desa Sumbermanching<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Area Detail Accordion -->\r\n            <div class=\"pg-adv-details\">\r\n                <div class=\"pg-adv-details-content\">\r\n                    <p><strong>Anggota Tim:<\/strong> Dian Prasetyo, M.Kom.<\/p>\r\n                    <p><strong>Mitra Sasaran:<\/strong> Perangkat Desa & BUMDes<\/p>\r\n                    <p><strong>Skema:<\/strong> Pengabdian Kemitraan Desa<\/p>\r\n                    <p><strong>Deskripsi:<\/strong> Digitalisasi sistem pelayanan administrasi publik desa untuk mempercepat pengolahan data warga dan efisiensi surat-menyurat.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"pg-adv-footer\">\r\n                <button class=\"pg-adv-toggle-btn\" onclick=\"togglePgCard(this)\">\r\n                    <span>Lihat Detail Lengkap<\/span>\r\n                    <svg class=\"pg-adv-arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\/><\/svg>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- KARTU 3 -->\r\n        <div class=\"pg-adv-card\">\r\n            <div class=\"pg-adv-header\">\r\n                <span class=\"pg-adv-year\">2025<\/span>\r\n                <span class=\"pg-adv-status\">Selesai<\/span>\r\n            <\/div>\r\n            <div class=\"pg-adv-body\">\r\n                <h3 class=\"pg-adv-title\">Penerapan Teknologi Tepat Guna Bagi Usaha Keripik Lokal<\/h3>\r\n                <div class=\"pg-adv-meta\">\r\n                    <svg class=\"pg-adv-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\r\n                    <span>Ketua: Budi Santoso, M.Kom.<\/span>\r\n                <\/div>\r\n                <div class=\"pg-adv-meta\">\r\n                    <svg class=\"pg-adv-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                    <span>Lokasi: Kota Malang<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Area Detail Accordion -->\r\n            <div class=\"pg-adv-details\">\r\n                <div class=\"pg-adv-details-content\">\r\n                    <p><strong>Anggota Tim:<\/strong> Eko Wijaya, M.T.<\/p>\r\n                    <p><strong>Mitra Sasaran:<\/strong> Kelompok UMKM Kuliner<\/p>\r\n                    <p><strong>Skema:<\/strong> Pengabdian Penerapan TTG<\/p>\r\n                    <p><strong>Deskripsi:<\/strong> Bantuan otomatisasi pengemasan hampa udara dan pelatihan digital marketing untuk meningkatkan daya simpan dan pasar produk.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"pg-adv-footer\">\r\n                <button class=\"pg-adv-toggle-btn\" onclick=\"togglePgCard(this)\">\r\n                    <span>Lihat Detail Lengkap<\/span>\r\n                    <svg class=\"pg-adv-arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\/><\/svg>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Script Accordion Toggle -->\r\n<script>\r\n    function togglePgCard(button) {\r\n        var card = button.closest('.pg-adv-card');\r\n        var btnText = button.querySelector('span');\r\n        \r\n        card.classList.toggle('open');\r\n        \r\n        if (card.classList.contains('open')) {\r\n            btnText.textContent = 'Tutup Detail';\r\n        } else {\r\n            btnText.textContent = 'Lihat Detail Lengkap';\r\n        }\r\n    }\r\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>2026 Selesai Pelatihan Pembuatan Media Pembelajaran Interaktif Bagi Guru SMA Ketua: Dr. Ahmad Fauzi, M.Pd. Lokasi: Malang, Jawa Timur Anggota Tim: Rina Lestari, M.Pd., Dewa Putu, M.T. Mitra Sasaran: Musyawarah Guru Mata Pelajaran (MGMP) Skema: Pengabdian Berbasis Komunitas Deskripsi: Program pendampingan intensif penyusunan modul digital berbasis active learning untuk meningkatkan kualitas pembelajaran di sekolah. Lihat [&hellip;]<\/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-6047","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/6047","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=6047"}],"version-history":[{"count":5,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/6047\/revisions"}],"predecessor-version":[{"id":6054,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/6047\/revisions\/6054"}],"wp:attachment":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}