{"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:\/\/via.placeholder.com\/400x220?text=Media+Pembelajaran\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"gga\" 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=\"gga\">\n                        gga \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>vjhe<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791272962_6ac4a8020df0d\/isyarat-visual-kapal\/index.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(298)\"\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_1791278890_957.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Komunikasi visual\" 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=\"Komunikasi visual\">\n                        Komunikasi visual \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>Nono Rukmono<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791273124_6ac4a8a4bacb7\/isyarat-visual-kapal\/index.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(297)\"\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_1791254690_634.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"AGRIBISNI 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> 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=\"AGRIBISNI PERIKANAN\">\n                        AGRIBISNI 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>Mohammad Rheiza Al Kautsar, S.Pi.<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791254727_6ac460c7aab0f\/index.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(296)\"\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_1791246914_603.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Suar Indonesia\" 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=\"Suar Indonesia\">\n                        Suar Indonesia \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>Bardiyanto<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791246777_6ac441b9a4774\/Suar Indonesia\" \n                   target=\"_blank\" \n                   onclick=\"countView(295)\"\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_1791245983_962.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Media_Pembelajaran_Prosedur_Darurat_dan_SAR\" 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=\"Media_Pembelajaran_Prosedur_Darurat_dan_SAR\">\n                        Media_Pembelajaran_Prosedur_Darurat_dan_SAR \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>Nur Dian Suari,S.Pi,M.Si<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791245971_6ac43e93b1ed7\/Media_Pembelajaran_Prosedur_Darurat_dan_SAR\" \n                   target=\"_blank\" \n                   onclick=\"countView(294)\"\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    <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> 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=\"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> 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_1791272724_649.jpg\" 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> 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=\"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> 3<\/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> 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 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> 5<\/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\/136\" class=\"page-link text-secondary\" data-ci-pagination-page=\"18\">Last<\/a><\/li><\/ul>"}