{"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_1791474070_180.jpg\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Pekerjaan Mesin Fluida\" 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=\"Pekerjaan Mesin Fluida\">\n                        Pekerjaan Mesin Fluida \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>Herdi Sutanto Adiguna<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791472361_6ac7b2e94f8c2\/pekerjaan_mesin_fluida....html\" \n                   target=\"_blank\" \n                   onclick=\"countView(309)\"\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:\/\/via.placeholder.com\/400x220?text=Media+Pembelajaran\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"MATERI KE 2 KELAS XI MENJAGA LISAN\" 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=\"MATERI KE 2 KELAS XI MENJAGA LISAN\">\n                        MATERI KE 2 KELAS XI MENJAGA LISAN \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>Aniyatun mardhiyyah, S.Ag<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791425935_6ac6fd8f7529e\/zip.file\" \n                   target=\"_blank\" \n                   onclick=\"countView(308)\"\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:\/\/via.placeholder.com\/400x220?text=Media+Pembelajaran\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"MATERI KE 2 KELAS XI MENJAGA LISAN\" 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=\"MATERI KE 2 KELAS XI MENJAGA LISAN\">\n                        MATERI KE 2 KELAS XI MENJAGA LISAN \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>PPPK_Jabar199_30_Aniyatun Mardhiyyah<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791425310_6ac6fb1e45277\/index.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(306)\"\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_1791422692_163.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Membiasakan berfikir kritis dan semangat mencintai IPTEK\" 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> 68                <\/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=\"Membiasakan berfikir kritis dan semangat mencintai IPTEK\">\n                        Membiasakan berfikir kritis dan semangat mencintai IPTEK \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 Firdaos. S.Pd.I<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791433426_6ac71ad2cb90e\/index.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(305)\"\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> 68<\/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_1791388348_289.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> 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=\"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\/1791388308_6ac66a94c257c\/\" \n                   target=\"_blank\" \n                   onclick=\"countView(304)\"\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_1791359699_903.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Menganalisis Hasil 5W + 1 H dari Berita yang Dibaca\" 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=\"Menganalisis Hasil 5W + 1 H dari Berita yang Dibaca\">\n                        Menganalisis Hasil 5W + 1 H dari Berita yang Dibaca \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>Widya Cahyaningrum<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791359882_6ac5fb8a68360\/index.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(303)\"\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_1791354862_852.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"\u201cBagian-bagian Mesin Las SMAW\u201d\" 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> 13                <\/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=\"\u201cBagian-bagian Mesin Las SMAW\u201d\">\n                        \u201cBagian-bagian Mesin Las SMAW\u201d \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>Akhmadi, ST<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791354003_6ac5e493a5b49\/index.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(302)\"\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> 13<\/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_1791341860_165.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Uji Kadar 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=\"Uji Kadar Air\">\n                        Uji Kadar 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>Waridi, S.P<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791340773_6ac5b0e573dfa\/media-pembelajaran-uji-kadar-air\" \n                   target=\"_blank\" \n                   onclick=\"countView(299)\"\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","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\/144\" class=\"page-link text-secondary\" data-ci-pagination-page=\"19\">Last<\/a><\/li><\/ul>"}