{"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_1791208772_247.jpg\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"ilmu pelayaran astronomi\" 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=\"ilmu pelayaran astronomi\">\n                        ilmu pelayaran astronomi \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>Sri Anah, ANT III, S.Pi<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791208438_6ac3abf6f3326\/index.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(293)\"\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=\"PENDIDIKAN PANCASILA\" 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=\"PENDIDIKAN PANCASILA\">\n                        PENDIDIKAN PANCASILA \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>SUMARTINI, S.Pd.,M.Pd.<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791188277_6ac35d35333a2\/index.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(292)\"\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_1791178385_360.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Media pembelajaran interaktif\" 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> 2                <\/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\">\n                        Media pembelajaran interaktif \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>SITI MAESAROH<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791178732_6ac337ecc1e2d\/index.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(291)\"\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> 2<\/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_1791176127_311.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Materi Tentang Degree Of Comparation\" 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> 8                <\/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=\"Materi Tentang Degree Of Comparation\">\n                        Materi Tentang Degree Of Comparation \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>AHMAD RIYADI, S.Pd<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791175382_6ac32ad6742d1\/degree_of_comparison_XI_APAT.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(290)\"\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> 8<\/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_1791174014_924.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Jagisogae ????\" 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> 10                <\/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=\"Jagisogae ????\">\n                        Jagisogae ???? \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>Daim<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791173979_6ac3255bcfb76\/\" \n                   target=\"_blank\" \n                   onclick=\"countView(289)\"\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> 10<\/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_1791164751_364.jpg\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"media pembelajaran jaringan\" 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> 5                <\/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 jaringan\">\n                        media pembelajaran jaringan \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>DEDI, S.Kom.,M.Si.<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791164734_6ac3013edbb2c\/media_pembelajaran_jaringan_komputer_deskom.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(288)\"\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> 5<\/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_1791127846_850.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Simulasi Mesin Kapal Penangkap Ikan\" 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> 11                <\/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=\"Simulasi Mesin Kapal Penangkap Ikan\">\n                        Simulasi Mesin Kapal Penangkap Ikan \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>HENGKI NIRWANDA<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791127723_6ac270abd681d\/C:\\Users\\HP\\.gemini\\antigravity\\scratch\\modul-mesin-kapal\\\" \n                   target=\"_blank\" \n                   onclick=\"countView(287)\"\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> 11<\/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_1791125799_559.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Teknik Pemesinan Kapal STMPL\" 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=\"Teknik Pemesinan Kapal STMPL\">\n                        Teknik Pemesinan Kapal STMPL \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>Panujuh<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791125560_6ac26838a2799\/Bagian-bagian Mesin Bubut dan Fungsinya\" \n                   target=\"_blank\" \n                   onclick=\"countView(286)\"\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","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\/128\" class=\"page-link text-secondary\" data-ci-pagination-page=\"17\">Last<\/a><\/li><\/ul>"}