{"html":"    <div class=\"col-12 col-sm-6 col-lg-3 media-item\">\n        <div class=\"card h-100 border-0 shadow-sm overflow-hidden hover-card media-card\">\n            \n            <!-- Thumbnail Gambar & Badge Views -->\n            <div class=\"position-relative img-wrapper\" style=\"height: 180px; overflow: hidden; background: #f8f9fa;\">\n                <img src=\"https:\/\/sipintar.smkn1-mundu.sch.id\/upload\/media\/media_1790840405_974.jpeg\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Kualitas Air\" loading=\"lazy\">\n                <span class=\"badge position-absolute top-0 end-0 m-2 bg-dark bg-opacity-75 text-white rounded-pill px-2 py-1 small\">\n                    <i class=\"bi bi-eye-fill\"><\/i> 7                <\/span>\n            <\/div>\n\n            <!-- Card Body -->\n            <div class=\"card-body d-flex flex-column justify-content-between p-3\">\n                <div class=\"mb-3\">\n                    <h6 class=\"card-title fw-bold text-white mb-2 media-title text-truncate-2\" style=\"font-size: 0.7em; line-height: 1.3;\" title=\"Kualitas Air\">\n                        Kualitas Air \n                    <\/h6>\n                    <p class=\"card-text text-white small mb-0 media-author\"  style=\"font-size: 0.6em; line-height: 1.3;\">\n                        <i class=\"bi bi-person me-1\"><\/i> Penyusun <strong>Debora Romaito Hutagalung<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1790839513_6abe0ad94fe43\/Kualitas Air Materi\" \n                   target=\"_blank\" \n                   onclick=\"countView(279)\"\n                   class=\"btn btn-sm text-white w-100 fw-semibold py-2\" style=\"background:#185D7A; border-radius: 8px;\">\n                    <i class=\"fa fa-eye me-1\"><\/i> 7<\/small>  Lihat Media\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n    <div class=\"col-12 col-sm-6 col-lg-3 media-item\">\n        <div class=\"card h-100 border-0 shadow-sm overflow-hidden hover-card media-card\">\n            \n            <!-- Thumbnail Gambar & Badge Views -->\n            <div class=\"position-relative img-wrapper\" style=\"height: 180px; overflow: hidden; background: #f8f9fa;\">\n                <img src=\"https:\/\/sipintar.smkn1-mundu.sch.id\/upload\/media\/media_1790830781_339.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Media pembelajaran Ukuran pemusatan data\" loading=\"lazy\">\n                <span class=\"badge position-absolute top-0 end-0 m-2 bg-dark bg-opacity-75 text-white rounded-pill px-2 py-1 small\">\n                    <i class=\"bi bi-eye-fill\"><\/i> 4                <\/span>\n            <\/div>\n\n            <!-- Card Body -->\n            <div class=\"card-body d-flex flex-column justify-content-between p-3\">\n                <div class=\"mb-3\">\n                    <h6 class=\"card-title fw-bold text-white mb-2 media-title text-truncate-2\" style=\"font-size: 0.7em; line-height: 1.3;\" title=\"Media pembelajaran Ukuran pemusatan data\">\n                        Media pembelajaran Ukuran pemusatan data \n                    <\/h6>\n                    <p class=\"card-text text-white small mb-0 media-author\"  style=\"font-size: 0.6em; line-height: 1.3;\">\n                        <i class=\"bi bi-person me-1\"><\/i> Penyusun <strong>Isa Mulyawati, S.Pd<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1790830748_6abde89c6b7b0\/index.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(278)\"\n                   class=\"btn btn-sm text-white w-100 fw-semibold py-2\" style=\"background:#185D7A; border-radius: 8px;\">\n                    <i class=\"fa fa-eye me-1\"><\/i> 4<\/small>  Lihat Media\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n    <div class=\"col-12 col-sm-6 col-lg-3 media-item\">\n        <div class=\"card h-100 border-0 shadow-sm overflow-hidden hover-card media-card\">\n            \n            <!-- Thumbnail Gambar & Badge Views -->\n            <div class=\"position-relative img-wrapper\" style=\"height: 180px; overflow: hidden; background: #f8f9fa;\">\n                <img src=\"https:\/\/sipintar.smkn1-mundu.sch.id\/upload\/media\/media_1790830833_318.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Media Pembelajaran Interaktif TKJ \" loading=\"lazy\">\n                <span class=\"badge position-absolute top-0 end-0 m-2 bg-dark bg-opacity-75 text-white rounded-pill px-2 py-1 small\">\n                    <i class=\"bi bi-eye-fill\"><\/i> 1                <\/span>\n            <\/div>\n\n            <!-- Card Body -->\n            <div class=\"card-body d-flex flex-column justify-content-between p-3\">\n                <div class=\"mb-3\">\n                    <h6 class=\"card-title fw-bold text-white mb-2 media-title text-truncate-2\" style=\"font-size: 0.7em; line-height: 1.3;\" title=\"Media Pembelajaran Interaktif TKJ \">\n                        Media Pembelajaran Interaktif TKJ  \n                    <\/h6>\n                    <p class=\"card-text text-white small mb-0 media-author\"  style=\"font-size: 0.6em; line-height: 1.3;\">\n                        <i class=\"bi bi-person me-1\"><\/i> Penyusun <strong>Syaihu Darmansyah Priatna S.Kom<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1790830297_6abde6d9d8ed9\/media_belajar_TKJ_XI.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(277)\"\n                   class=\"btn btn-sm text-white w-100 fw-semibold py-2\" style=\"background:#185D7A; border-radius: 8px;\">\n                    <i class=\"fa fa-eye me-1\"><\/i> 1<\/small>  Lihat Media\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n    <div class=\"col-12 col-sm-6 col-lg-3 media-item\">\n        <div class=\"card h-100 border-0 shadow-sm overflow-hidden hover-card media-card\">\n            \n            <!-- Thumbnail Gambar & Badge Views -->\n            <div class=\"position-relative img-wrapper\" style=\"height: 180px; overflow: hidden; background: #f8f9fa;\">\n                <img src=\"https:\/\/sipintar.smkn1-mundu.sch.id\/upload\/media\/media_1790828508_321.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Media pembelajaran Ukuran penyebaran data\" loading=\"lazy\">\n                <span class=\"badge position-absolute top-0 end-0 m-2 bg-dark bg-opacity-75 text-white rounded-pill px-2 py-1 small\">\n                    <i class=\"bi bi-eye-fill\"><\/i> 0                <\/span>\n            <\/div>\n\n            <!-- Card Body -->\n            <div class=\"card-body d-flex flex-column justify-content-between p-3\">\n                <div class=\"mb-3\">\n                    <h6 class=\"card-title fw-bold text-white mb-2 media-title text-truncate-2\" style=\"font-size: 0.7em; line-height: 1.3;\" title=\"Media pembelajaran Ukuran penyebaran data\">\n                        Media pembelajaran Ukuran penyebaran data \n                    <\/h6>\n                    <p class=\"card-text text-white small mb-0 media-author\"  style=\"font-size: 0.6em; line-height: 1.3;\">\n                        <i class=\"bi bi-person me-1\"><\/i> Penyusun <strong>Rosyidah Khairunnisa<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1790828481_6abddfc1952fc\/index.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(276)\"\n                   class=\"btn btn-sm text-white w-100 fw-semibold py-2\" style=\"background:#185D7A; border-radius: 8px;\">\n                    <i class=\"fa fa-eye me-1\"><\/i> 0<\/small>  Lihat Media\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n    <div class=\"col-12 col-sm-6 col-lg-3 media-item\">\n        <div class=\"card h-100 border-0 shadow-sm overflow-hidden hover-card media-card\">\n            \n            <!-- Thumbnail Gambar & Badge Views -->\n            <div class=\"position-relative img-wrapper\" style=\"height: 180px; overflow: hidden; background: #f8f9fa;\">\n                <img src=\"https:\/\/sipintar.smkn1-mundu.sch.id\/upload\/media\/media_1790827965_743.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Media pembelajaran Ukuran penyebaran data\" loading=\"lazy\">\n                <span class=\"badge position-absolute top-0 end-0 m-2 bg-dark bg-opacity-75 text-white rounded-pill px-2 py-1 small\">\n                    <i class=\"bi bi-eye-fill\"><\/i> 0                <\/span>\n            <\/div>\n\n            <!-- Card Body -->\n            <div class=\"card-body d-flex flex-column justify-content-between p-3\">\n                <div class=\"mb-3\">\n                    <h6 class=\"card-title fw-bold text-white mb-2 media-title text-truncate-2\" style=\"font-size: 0.7em; line-height: 1.3;\" title=\"Media pembelajaran Ukuran penyebaran data\">\n                        Media pembelajaran Ukuran penyebaran data \n                    <\/h6>\n                    <p class=\"card-text text-white small mb-0 media-author\"  style=\"font-size: 0.6em; line-height: 1.3;\">\n                        <i class=\"bi bi-person me-1\"><\/i> Penyusun <strong>Isa Mulyawati<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1790827938_6abddda2479af\/index,html\" \n                   target=\"_blank\" \n                   onclick=\"countView(275)\"\n                   class=\"btn btn-sm text-white w-100 fw-semibold py-2\" style=\"background:#185D7A; border-radius: 8px;\">\n                    <i class=\"fa fa-eye me-1\"><\/i> 0<\/small>  Lihat Media\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n    <div class=\"col-12 col-sm-6 col-lg-3 media-item\">\n        <div class=\"card h-100 border-0 shadow-sm overflow-hidden hover-card media-card\">\n            \n            <!-- Thumbnail Gambar & Badge Views -->\n            <div class=\"position-relative img-wrapper\" style=\"height: 180px; overflow: hidden; background: #f8f9fa;\">\n                <img src=\"https:\/\/via.placeholder.com\/400x220?text=Media+Pembelajaran\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Penilaian Organoleptik - Uji Pembeda\" loading=\"lazy\">\n                <span class=\"badge position-absolute top-0 end-0 m-2 bg-dark bg-opacity-75 text-white rounded-pill px-2 py-1 small\">\n                    <i class=\"bi bi-eye-fill\"><\/i> 0                <\/span>\n            <\/div>\n\n            <!-- Card Body -->\n            <div class=\"card-body d-flex flex-column justify-content-between p-3\">\n                <div class=\"mb-3\">\n                    <h6 class=\"card-title fw-bold text-white mb-2 media-title text-truncate-2\" style=\"font-size: 0.7em; line-height: 1.3;\" title=\"Penilaian Organoleptik - Uji Pembeda\">\n                        Penilaian Organoleptik - Uji Pembeda \n                    <\/h6>\n                    <p class=\"card-text text-white small mb-0 media-author\"  style=\"font-size: 0.6em; line-height: 1.3;\">\n                        <i class=\"bi bi-person me-1\"><\/i> Penyusun <strong>Dania Mardaleta, S.Pi<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1790826976_6abdd9e004918\/index.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(274)\"\n                   class=\"btn btn-sm text-white w-100 fw-semibold py-2\" style=\"background:#185D7A; border-radius: 8px;\">\n                    <i class=\"fa fa-eye me-1\"><\/i> 0<\/small>  Lihat Media\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n    <div class=\"col-12 col-sm-6 col-lg-3 media-item\">\n        <div class=\"card h-100 border-0 shadow-sm overflow-hidden hover-card media-card\">\n            \n            <!-- Thumbnail Gambar & Badge Views -->\n            <div class=\"position-relative img-wrapper\" style=\"height: 180px; overflow: hidden; background: #f8f9fa;\">\n                <img src=\"https:\/\/sipintar.smkn1-mundu.sch.id\/upload\/media\/media_1790827224_271.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Modul Hardware Komputer\" loading=\"lazy\">\n                <span class=\"badge position-absolute top-0 end-0 m-2 bg-dark bg-opacity-75 text-white rounded-pill px-2 py-1 small\">\n                    <i class=\"bi bi-eye-fill\"><\/i> 6                <\/span>\n            <\/div>\n\n            <!-- Card Body -->\n            <div class=\"card-body d-flex flex-column justify-content-between p-3\">\n                <div class=\"mb-3\">\n                    <h6 class=\"card-title fw-bold text-white mb-2 media-title text-truncate-2\" style=\"font-size: 0.7em; line-height: 1.3;\" title=\"Modul Hardware Komputer\">\n                        Modul Hardware Komputer \n                    <\/h6>\n                    <p class=\"card-text text-white small mb-0 media-author\"  style=\"font-size: 0.6em; line-height: 1.3;\">\n                        <i class=\"bi bi-person me-1\"><\/i> Penyusun <strong>Abdullah Afif, S.Kom<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1790826592_6abdd8609306b\/index.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(273)\"\n                   class=\"btn btn-sm text-white w-100 fw-semibold py-2\" style=\"background:#185D7A; border-radius: 8px;\">\n                    <i class=\"fa fa-eye me-1\"><\/i> 6<\/small>  Lihat Media\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n    <div class=\"col-12 col-sm-6 col-lg-3 media-item\">\n        <div class=\"card h-100 border-0 shadow-sm overflow-hidden hover-card media-card\">\n            \n            <!-- Thumbnail Gambar & Badge Views -->\n            <div class=\"position-relative img-wrapper\" style=\"height: 180px; overflow: hidden; background: #f8f9fa;\">\n                <img src=\"https:\/\/sipintar.smkn1-mundu.sch.id\/upload\/media\/media_1790827004_314.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Manajemen Usaha Produksi Perikanan\" loading=\"lazy\">\n                <span class=\"badge position-absolute top-0 end-0 m-2 bg-dark bg-opacity-75 text-white rounded-pill px-2 py-1 small\">\n                    <i class=\"bi bi-eye-fill\"><\/i> 3                <\/span>\n            <\/div>\n\n            <!-- Card Body -->\n            <div class=\"card-body d-flex flex-column justify-content-between p-3\">\n                <div class=\"mb-3\">\n                    <h6 class=\"card-title fw-bold text-white mb-2 media-title text-truncate-2\" style=\"font-size: 0.7em; line-height: 1.3;\" title=\"Manajemen Usaha Produksi Perikanan\">\n                        Manajemen Usaha Produksi Perikanan \n                    <\/h6>\n                    <p class=\"card-text text-white small mb-0 media-author\"  style=\"font-size: 0.6em; line-height: 1.3;\">\n                        <i class=\"bi bi-person me-1\"><\/i> Penyusun <strong>Wasaidin, S.Tr.Pi<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1790826533_6abdd8259c59a\/index.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(271)\"\n                   class=\"btn btn-sm text-white w-100 fw-semibold py-2\" style=\"background:#185D7A; border-radius: 8px;\">\n                    <i class=\"fa fa-eye me-1\"><\/i> 3<\/small>  Lihat Media\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n","pagination":"<ul class=\"pagination pagination-sm m-0 gap-1\"><li class=\"page-item active\"><a class=\"page-link\" href=\"#\" style=\"background:#185D7A; border-color:#185D7A;\">1<\/a><\/li><li class=\"page-item\"><a href=\"https:\/\/smkn1-mundu.sch.id\/front\/fetch_media\/8\" class=\"page-link text-secondary\" data-ci-pagination-page=\"2\">2<\/a><\/li><li class=\"page-item\"><a href=\"https:\/\/smkn1-mundu.sch.id\/front\/fetch_media\/16\" class=\"page-link text-secondary\" data-ci-pagination-page=\"3\">3<\/a><\/li><li class=\"page-item\"><a href=\"https:\/\/smkn1-mundu.sch.id\/front\/fetch_media\/8\" class=\"page-link text-secondary\" data-ci-pagination-page=\"2\" rel=\"next\">Next<\/a><\/li><li class=\"page-item\"><a href=\"https:\/\/smkn1-mundu.sch.id\/front\/fetch_media\/120\" class=\"page-link text-secondary\" data-ci-pagination-page=\"16\">Last<\/a><\/li><\/ul>"}