{"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=\"Bahasa Inggris Kelas XI\" 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=\"Bahasa Inggris Kelas XI\">\n                        Bahasa Inggris Kelas XI \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>MERLI PUJI HANDAYANI, S. PD<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1792725219_6adad0e3a0e85\/index.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(316)\"\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_1792721387_186.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Jikoshoukai?Indri Sensei\" 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=\"Jikoshoukai?Indri Sensei\">\n                        Jikoshoukai?Indri Sensei \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>Indri Rahayu Trianie, S.Pd.<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1792721243_6adac15b2ce9f\/index.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(315)\"\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:\/\/via.placeholder.com\/400x220?text=Media+Pembelajaran\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"PTS-EnGlish\" 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> 26                <\/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=\"PTS-EnGlish\">\n                        PTS-EnGlish \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<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791782839_6acc6fb746a1f\/english-pts-exam\/english_pts_exam.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(314)\"\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> 26<\/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=\"English Test\" 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=\"English Test\">\n                        English Test \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<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791777635_6acc5b6372167\/PTS Bahasa Inggris\" \n                   target=\"_blank\" \n                   onclick=\"countView(313)\"\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_1791648704_785.png\" class=\"card-img-top w-100 h-100\" style=\"object-fit: cover;\" alt=\"Zat dan Perubahannya\" 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> 300                <\/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=\"Zat dan Perubahannya\">\n                        Zat dan Perubahannya \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 Aisyah<\/strong>\n                    <\/p>\n                <\/div>\n\n                <!-- Tombol Lihat -->\n                <a href=\"https:\/\/sipintar.smkn1-mundu.sch.id\/web\/1791650576_6aca6b10d1fcb\/index.html\" \n                   target=\"_blank\" \n                   onclick=\"countView(311)\"\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> 300<\/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_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> 27                <\/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> 27<\/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> 12                <\/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> 12<\/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> 15                <\/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> 15<\/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:\/\/www.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:\/\/www.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:\/\/www.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:\/\/www.smkn1-mundu.sch.id\/front\/fetch_media\/144\" class=\"page-link text-secondary\" data-ci-pagination-page=\"19\">Last<\/a><\/li><\/ul>"}