{"id":7843,"date":"2025-03-02T09:40:58","date_gmt":"2025-03-02T09:40:58","guid":{"rendered":"https:\/\/asadiyahpusat.org\/pendidikan\/?page_id=7843"},"modified":"2025-06-16T08:29:14","modified_gmt":"2025-06-16T08:29:14","slug":"beranda1","status":"publish","type":"page","link":"https:\/\/asadiyahpusat.org\/pendidikan\/","title":{"rendered":"Beranda1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7843\" class=\"elementor elementor-7843\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-199a66f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"199a66f\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b1f8f89\" data-id=\"b1f8f89\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3cbe59b elementor-widget elementor-widget-html\" data-id=\"3cbe59b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Slider Gambar Responsif<\/title>\r\n    <style>\r\n        .image-slider-container {\r\n            width: 100%;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .image-slider {\r\n            display: flex;\r\n            transition: transform 0.5s ease-in-out;\r\n        }\r\n\r\n        .slide {\r\n            min-width: 100%;\r\n        }\r\n\r\n        .slide img {\r\n            width: 100%;\r\n            display: block;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"image-slider-container\">\r\n        <div class=\"image-slider\">\r\n            <div class=\"slide\">\r\n                <img decoding=\"async\" src=\"http:\/\/asadiyahpusat.org\/pendidikan\/wp-content\/uploads\/2025\/03\/Untitled-19-min.jpg\" alt=\"Gambar 1\">\r\n            <\/div>\r\n            <div class=\"slide\">\r\n                <img decoding=\"async\" src=\"http:\/\/asadiyahpusat.org\/pendidikan\/wp-content\/uploads\/2025\/03\/Untitled-22-min.jpg\" alt=\"Gambar 2\">\r\n            <\/div>\r\n            <div class=\"slide\">\r\n                <img decoding=\"async\" src=\"http:\/\/asadiyahpusat.org\/pendidikan\/wp-content\/uploads\/2025\/03\/Untitled-16-min.jpg\" alt=\"Gambar 3\">\r\n            <\/div>\r\n            <div class=\"slide\">\r\n                <img decoding=\"async\" src=\"http:\/\/asadiyahpusat.org\/pendidikan\/wp-content\/uploads\/2025\/03\/Untitled-18-min.jpg\" alt=\"Gambar 4\">\r\n            <\/div>\r\n            <div class=\"slide\">\r\n                <img decoding=\"async\" src=\"http:\/\/asadiyahpusat.org\/pendidikan\/wp-content\/uploads\/2025\/03\/Untitled-20-min.jpg\" alt=\"Gambar 5\"> \r\n                 <\/div>\r\n            <div class=\"slide\">\r\n                <img decoding=\"async\" src=\"http:\/\/asadiyahpusat.org\/pendidikan\/wp-content\/uploads\/2025\/03\/Untitled-15-min.jpg\" alt=\"Gambar 6\"> \r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        const slider = document.querySelector('.image-slider');\r\n        const slides = document.querySelectorAll('.slide');\r\n        let counter = 0;\r\n        const slideCount = slides.length;\r\n\r\n        setInterval(() => {\r\n            counter = (counter + 1) % slideCount;\r\n            slider.style.transform = `translateX(-${counter * 100}%)`;\r\n        }, 3000);\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d07f74a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d07f74a\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e546b30\" data-id=\"e546b30\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2360ecc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2360ecc\" data-element_type=\"section\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-164376c\" data-id=\"164376c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b2fc13a elementor-widget elementor-widget-html\" data-id=\"b2fc13a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Program Laz As'adiyah<\/title>\r\n    <link rel=\"stylesheet\" href=\"styles.css\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n<\/head>\r\n<body>\r\n  <div class=\"program-container\">\r\n        <div class=\"program-box\" onclick=\"showInfo('UNISAD', 'Universitas Islam As\\'adiyah (UNISAD) adalah lembaga pendidikan tinggi yang berfokus pada pengembangan ilmu pengetahuan dan keislaman. UNISAD menawarkan berbagai program studi yang berkualitas untuk mencetak generasi muda yang berilmu dan berakhlak mulia. <br><br><a href=\\'https:\/\/asadiyahpusat.org\/pendidikan\/?page_id=14\\' target=\\'_blank\\'>Selengkapnya <i class=\\'fas fa-arrow-right\\'><\/i><\/a>')\">\r\n            <i class=\"fas fa-university\"><\/i>\r\n            <h4>UNISAD<\/h4>\r\n        <\/div>\r\n\r\n        <div class=\"program-box\" onclick=\"showInfo('Ma\\'had Aly', 'Ma\\'had Aly adalah lembaga pendidikan tinggi pesantren yang mendalami ilmu-ilmu keislaman secara mendalam. Program ini ditujukan untuk mencetak ulama dan cendekiawan muslim yang kompeten dan berdedikasi. <br><br><a href=\\'https:\/\/asadiyahpusat.org\/pendidikan\/?page_id=43\\' target=\\'_blank\\'>Selengkapnya <i class=\\'fas fa-arrow-right\\'><\/i><\/a>')\">\r\n            <i class=\"fas fa-book-open\"><\/i>\r\n            <h4>Ma'had Aly<\/h4>\r\n        <\/div>\r\n\r\n        <div class=\"program-box\" onclick=\"showInfo('MAS Putri', 'Madrasah Aliyah Swasta (MAS) Putri As\\'adiyah adalah lembaga pendidikan menengah yang berfokus pada pendidikan khusus putri. Program ini bertujuan untuk membentuk muslimah yang cerdas, mandiri, dan berakhlak mulia. <br><br><a href=\\'https:\/\/asadiyahpusat.org\/pendidikan\/?page_id=146\\' target=\\'_blank\\'>Selengkapnya <i class=\\'fas fa-female\\'><\/i><\/a>')\">\r\n            <i class=\"fas fa-female\"><\/i>\r\n            <h4>MAS Putri<\/h4>\r\n        <\/div>\r\n\r\n        <div class=\"program-box\" onclick=\"showInfo('MAS Putra', 'Madrasah Aliyah Swasta (MAS) Putra As\\'adiyah adalah lembaga pendidikan menengah yang berfokus pada pendidikan khusus putra. Program ini bertujuan untuk membentuk muslim yang cerdas, mandiri, dan berakhlak mulia. <br><br><a href=\\'https:\/\/asadiyahpusat.org\/pendidikan\/?page_id=97\\' target=\\'_blank\\'>Selengkapnya <i class=\\'fas fa-male\\'><\/i><\/a>')\">\r\n            <i class=\"fas fa-male\"><\/i>\r\n            <h4>MAS Putra<\/h4>\r\n        <\/div>\r\n\r\n        <div class=\"program-box\" onclick=\"showInfo('MTs Putra', 'Madrasah Tsanawiyah (MTs) Putra As\\'adiyah adalah lembaga pendidikan menengah pertama yang berfokus pada pendidikan khusus putra. Program ini bertujuan untuk membentuk muslim muda yang berilmu dan berakhlak mulia. <br><br><a href=\\'https:\/\/asadiyahpusat.org\/pendidikan\/?page_id=205\\' target=\\'_blank\\'>Selengkapnya <i class=\\'fas fa-male\\'><\/i><\/a>')\">\r\n            <i class=\"fas fa-male\"><\/i>\r\n            <h4>MTs Putra<\/h4>\r\n        <\/div>\r\n\r\n        <div class=\"program-box\" onclick=\"showInfo('MTs Putri', 'Madrasah Tsanawiyah (MTs) Putri As\\'adiyah adalah lembaga pendidikan menengah pertama yang berfokus pada pendidikan khusus putri. Program ini bertujuan untuk membentuk muslimah muda yang berilmu dan berakhlak mulia. <br><br><a href=\\'https:\/\/asadiyahpusat.org\/pendidikan\/?page_id=208\\' target=\\'_blank\\'>Selengkapnya <i class=\\'fas fa-female\\'><\/i><\/a>')\">\r\n            <i class=\"fas fa-female\"><\/i>\r\n            <h4>MTs Putri<\/h4>\r\n        <\/div>\r\n\r\n        <div class=\"program-box\" onclick=\"showInfo('PDF Putra', 'Pendidikan Diniyah Formal (PDF) Putra As\\'adiyah adalah lembaga pendidikan dasar yang berfokus pada pendidikan agama untuk putra. Program ini bertujuan untuk membentuk generasi muda yang memiliki dasar agama yang kuat. <br><br><a href=\\'https:\/\/asadiyahpusat.org\/pendidikan\/?page_id=1111\\' target=\\'_blank\\'>Selengkapnya <i class=\\'fas fa-child\\'><\/i><\/a>')\">\r\n            <i class=\"fas fa-child\"><\/i>\r\n            <h4>PDF Putra<\/h4>\r\n        <\/div>\r\n\r\n        <div class=\"program-box\" onclick=\"showInfo('PDF Putri', 'Pendidikan Diniyah Formal (PDF) Putri As\\'adiyah adalah lembaga pendidikan dasar yang berfokus pada pendidikan agama untuk putri. Program ini bertujuan untuk membentuk generasi muda yang memiliki dasar agama yang kuat. <br><br><a href=\\'https:\/\/asadiyahpusat.org\/pendidikan\/?page_id=917\\' target=\\'_blank\\'>Selengkapnya <i class=\\'fas fa-child\\'><\/i><\/a>')\">\r\n            <i class=\"fas fa-child\"><\/i>\r\n            <h4>PDF Putri<\/h4>\r\n        <\/div>\r\n\r\n        <div class=\"program-box\" onclick=\"showInfo('MIS 3', 'Madrasah Ibtidaiyah Swasta (MIS) 3 As\\'adiyah adalah lembaga pendidikan dasar yang berfokus pada pendidikan umum dan agama. Program ini bertujuan untuk memberikan pendidikan yang seimbang bagi anak-anak. <br><br><a href=\\'https:\/\/asadiyahpusat.org\/pendidikan\/?page_id=806\\' target=\\'_blank\\'>Selengkapnya <i class=\\'fas fa-school\\'><\/i><\/a>')\">\r\n            <i class=\"fas fa-school\"><\/i>\r\n            <h4>MIS 3<\/h4>\r\n        <\/div>\r\n\r\n        <div class=\"program-box\" onclick=\"showInfo('SDA', 'Satuan Pendidikan Diniyah Awaliyah (SDA) adalah lembaga pendidikan pra-sekolah yang berfokus pada pendidikan agama dan karakter. Program ini bertujuan untuk mempersiapkan anak-anak untuk jenjang pendidikan selanjutnya. <br><br><a href=\\'https:\/\/asadiyahpusat.org\/pendidikan\/?page_id=899\\' target=\\'_blank\\'>Selengkapnya <i class=\\'fas fa-book\\'><\/i><\/a>')\">\r\n            <i class=\"fas fa-book\"><\/i>\r\n            <h4>SDA<\/h4>\r\n        <\/div>\r\n        \r\n        <div class=\"program-box\" onclick=\"showInfo('MDTA 1', 'MDTA 1 adalah lembaga pendidikan Islam nonformal yang menyelenggarakan pembelajaran agama dasar bagi anak-anak. Fokus pada penguatan akidah, akhlak, dan praktik ibadah sehari-hari. <br><br><a href=\\'https:\/\/asadiyahpusat.org\/pendidikan\/?page_id=930\\' target=\\'_blank\\'>Selengkapnya <i class=\\'fas fa-mosque\\'><\/i><\/a>')\">\r\n        <i class=\"fas fa-mosque\"><\/i>\r\n        <h4>MDTA 1<\/h4>\r\n    <\/div>\r\n\r\n    <div class=\"program-box\" onclick=\"showInfo('MDTA 2', 'MDTA 2 adalah lembaga pendidikan Islam nonformal yang menyelenggarakan pembelajaran agama dasar bagi anak-anak. Fokus pada penguatan akidah, akhlak, dan praktik ibadah sehari-hari.<br><br><a href=\\'https:\/\/asadiyahpusat.org\/pendidikan\/?page_id=932\\' target=\\'_blank\\'>Selengkapnya <i class=\\'fas fa-mosque\\'><\/i><\/a>')\">\r\n        <i class=\"fas fa-mosque\"><\/i>\r\n        <h4>MDTA 2<\/h4>\r\n    <\/div>\r\n\r\n        <div class=\"program-box\" onclick=\"showInfo('RA1', 'Raudhatul Athfal (RA 1) adalah lembaga pendidikan pra-sekolah yang berfokus pada pendidikan anak usia dini. Program ini bertujuan untuk mengembangkan potensi anak-anak secara holistik. <br><br><a href=\\'https:\/\/asadiyahpusat.org\/pendidikan\/?page_id=908\\' target=\\'_blank\\'>Selengkapnya <i class=\\'fas fa-baby\\'><\/i><\/a>')\">\r\n            <i class=\"fas fa-baby\"><\/i>\r\n            <h4>RA 1<\/h4>\r\n        <\/div>\r\n           \r\n         <div class=\"program-box\" onclick=\"showInfo('RA2', 'Raudhatul Athfal (RA 2) adalah lembaga pendidikan pra-sekolah yang berfokus pada pendidikan anak usia dini. Program ini bertujuan untuk mengembangkan potensi anak-anak secara holistik. <br><br><a href=\\'https:\/\/asadiyahpusat.org\/pendidikan\/?page_id=6\\' target=\\'_blank\\'>Selengkapnya <i class=\\'fas fa-baby\\'><\/i><\/a>')\">\r\n            <i class=\"fas fa-baby\"><\/i>\r\n            <h4>RA 2<\/h4>\r\n        <\/div>\r\n           \r\n        <div class=\"program-box\" onclick=\"showInfo('Tahfidz Al-Qur\\'an', 'Program Tahfidz Al-Qur\\'an As\\'adiyah bertujuan untuk mencetak para penghafal Al-Qur\\'an yang berkualitas dan berakhlak mulia. Program ini menyediakan lingkungan yang kondusif untuk menghafal dan memahami Al-Qur\\'an. <br><br><a href=\\'https:\/\/asadiyahpusat.org\/pendidikan\/?page_id=923\\' target=\\'_blank\\'>Selengkapnya <i class=\\'fas fa-quran\\'><\/i><\/a>')\">\r\n            <i class=\"fas fa-quran\"><\/i>\r\n            <h4>Tahfidz Al-Qur'an<\/h4>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"overlay\" class=\"overlay\" onclick=\"hideInfo()\">\r\n        <div id=\"info-box\" class=\"info-box\" onclick=\"event.stopPropagation()\">\r\n            <button class=\"close-button\" onclick=\"hideInfo()\">\u2716<\/button>\r\n            <h2 id=\"info-title\"><\/h2>\r\n            <p id=\"info-description\"><\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        function showInfo(title, description) {\r\n            document.getElementById('info-title').innerText = title;\r\n            document.getElementById('info-description').innerHTML = description;\r\n            document.getElementById('overlay').style.display = \"flex\";\r\n        }\r\n\r\n        function hideInfo() {\r\n            document.getElementById('overlay').style.display = \"none\";\r\n        }\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9ebe40 elementor-widget elementor-widget-image\" data-id=\"c9ebe40\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/psb.asadiyahpusat.org\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/psb.asadiyahpusat.org\/wp-content\/uploads\/2025\/01\/FLAYER-1024x354.jpg\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1c56d47 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1c56d47\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a5b97e9\" data-id=\"a5b97e9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4941850 elementor-widget elementor-widget-html\" data-id=\"4941850\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Embed 6 Video YouTube<\/title>\r\n  <link rel=\"stylesheet\" href=\"styles.css\">\r\n<\/head>\r\n<body>\r\n  <div class=\"videos-grid\">\r\n    <!-- Video 1 -->\r\n    <div class=\"video-container\" onclick=\"playVideo(this)\">\r\n      <div class=\"video-wrapper\">\r\n        <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/img.youtube.com\/vi\/TtBMH_xFQ6o\/maxresdefault.jpg\" alt=\"Thumbnail Video 1\">\r\n        <button class=\"play-button\">\u25b6<\/button>\r\n        <iframe class=\"video-iframe\" src=\"https:\/\/www.youtube.com\/embed\/TtBMH_xFQ6o\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Video 2 -->\r\n    <div class=\"video-container\" onclick=\"playVideo(this)\">\r\n      <div class=\"video-wrapper\">\r\n        <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/img.youtube.com\/vi\/JCCF3LtEtNo\/maxresdefault.jpg\" alt=\"Thumbnail Video 2\">\r\n        <button class=\"play-button\">\u25b6<\/button>\r\n        <iframe class=\"video-iframe\" src=\"https:\/\/www.youtube.com\/embed\/JCCF3LtEtNo\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Video 3 -->\r\n    <div class=\"video-container\" onclick=\"playVideo(this)\">\r\n      <div class=\"video-wrapper\">\r\n        <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/img.youtube.com\/vi\/hP99tGMksw0\/maxresdefault.jpg\" alt=\"Thumbnail Video 3\">\r\n        <button class=\"play-button\">\u25b6<\/button>\r\n        <iframe class=\"video-iframe\" src=\"https:\/\/www.youtube.com\/embed\/hP99tGMksw0\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Video 4 -->\r\n    <div class=\"video-container\" onclick=\"playVideo(this)\">\r\n      <div class=\"video-wrapper\">\r\n        <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/img.youtube.com\/vi\/jLIrGk4qmf0\/maxresdefault.jpg\" alt=\"Thumbnail Video 4\">\r\n        <button class=\"play-button\">\u25b6<\/button>\r\n        <iframe class=\"video-iframe\" src=\"https:\/\/www.youtube.com\/embed\/jLIrGk4qmf0\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Video 5 -->\r\n    <div class=\"video-container\" onclick=\"playVideo(this)\">\r\n      <div class=\"video-wrapper\">\r\n        <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/img.youtube.com\/vi\/TtBMH_xFQ6o\/maxresdefault.jpg\" alt=\"Thumbnail Video 5\">\r\n        <button class=\"play-button\">\u25b6<\/button>\r\n        <iframe class=\"video-iframe\" src=\"https:\/\/www.youtube.com\/embed\/TtBMH_xFQ6o\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Video 6 -->\r\n    <div class=\"video-container\" onclick=\"playVideo(this)\">\r\n      <div class=\"video-wrapper\">\r\n        <img decoding=\"async\" class=\"video-thumbnail\" src=\"https:\/\/img.youtube.com\/vi\/EfWy2iI1Pew\/maxresdefault.jpg\" alt=\"Thumbnail Video 6\">\r\n        <button class=\"play-button\">\u25b6<\/button>\r\n        <iframe class=\"video-iframe\" src=\"https:\/\/www.youtube.com\/embed\/EfWy2iI1Pew\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    function playVideo(container) {\r\n      \/\/ Sembunyikan thumbnail dan tombol play\r\n      container.querySelector(\".video-thumbnail\").style.display = \"none\";\r\n      container.querySelector(\".play-button\").style.display = \"none\";\r\n      \/\/ Tampilkan iframe video\r\n      container.querySelector(\".video-iframe\").style.display = \"block\";\r\n    }\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f240cc7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f240cc7\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-afe78ff\" data-id=\"afe78ff\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6d9c813 elementor-widget elementor-widget-html\" data-id=\"6d9c813\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <title>Testimoni Alumni<\/title>\r\n    <link rel=\"stylesheet\" href=\"styles.css\">\r\n<\/head>\r\n<body>\r\n    <div class=\"testimonial-section\">\r\n        <!-- Judul testimonial ditempatkan langsung di atas slider -->\r\n        <h3 class=\"testimonial-title\">Testimoni Alumni<\/h3>\r\n        <div class=\"testimonial-slider\">\r\n      <!-- Testimonial Card 1 -->\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-header\">\r\n          <!-- Gambar asli (jika gagal, fallback icon akan muncul) -->\r\n          <img decoding=\"async\" class=\"user-photo\" \r\n               src=\"https:\/\/example.com\/foto1.jpg\" \r\n               alt=\"Foto Alumni\"\r\n               onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\" \/>\r\n          <!-- Fallback icon -->\r\n          <div class=\"fallback-icon\"><\/div>\r\n\r\n          <div class=\"header-info\">\r\n            <h3>Muh. Agung Al Mansyah<\/h3>\r\n            <div class=\"profession\">Universitas Al Azhar Kairo Mesir<\/div>\r\n            <div class=\"alumni-year\">Alumni MTs As\u2019adiyah Putra Tahun 2017\r\ndan Tahfizul Qur\u2019an As\u2019adiyah Tahun 2020<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"testimonial-text testimonial-content\">\r\n          \"Suatu kesyukuran dan nikmat terbesar menjadi alumni Pondok Pesantren As\u2019adiyah, Sebuah ucapan syukur yang lahir dari keikhlasan Guru-Gurutta dan dari Akhlaq mereka yang menjadi cerminan akhlak Rasulullah saw. yang menyejukkan hati. Dengan Guru-gurutta, Manhaj Keas\u2019adiyahan yang berpedoman teguh dengan Al-Qur\u2019an dan As-Sunnah, Menerapkan nilai-nilai Islam yang Wasathiyyah, moderat, serta teduh dan penuh rahmat. Dengan nilai-nilai ini, As\u2019adiyah adalah Ni\u2019mah min An-Ni\u2019mah bagi diri saya.\"\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Testimonial Card 2 (contoh foto gagal load) -->\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-header\">\r\n          <img decoding=\"async\" class=\"user-photo\" \r\n               src=\"https:\/\/example.com\/foto-tidak-ada.jpg\" \r\n               alt=\"Foto Alumni\"\r\n               onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\" \/>\r\n          <div class=\"fallback-icon\"><\/div>\r\n\r\n          <div class=\"header-info\">\r\n            <h3>dr. Sriharyati Udin<\/h3>\r\n            <div class=\"profession\">CEO Zayna Aesthetic Clinic MKS<\/div>\r\n            <div class=\"alumni-year\">Alumni MTs As\u2019adiyah Putri<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"testimonial-text testimonial-content\">\r\n          \"Saya sangat berterima kasih atas pengalaman berharga yang saya dapatkan selama menjadi bagian dari MTs Putri As\u2019adiyah Sengkang. Pelajaran tentang nilai-nilai agama yang saya terima di sana tidak hanya membentuk fondasi kehidupan saya, tetapi juga membantu saya menghadapi berbagai tantangan dan mengambil keputusan dengan bijaksana dalam perjalanan hidup saya hingga saat ini.\"\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Testimonial Card 3 -->\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-header\">\r\n          <img decoding=\"async\" class=\"user-photo\" \r\n               src=\"https:\/\/example.com\/foto2.jpg\" \r\n               alt=\"Foto Alumni\"\r\n               onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\" \/>\r\n          <div class=\"fallback-icon\"><\/div>\r\n\r\n          <div class=\"header-info\">\r\n            <h3>Sukirman<\/h3>\r\n            <div class=\"profession\">Penerima beasiswa MORA 5000 doctors scholarships & LPDP Raih Gelar Doktor di United Kingdom<\/div>\r\n            <div class=\"alumni-year\">Alumni MAS As'adiyah Putra Macanang 2006<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"testimonial-text testimonial-content\">\r\n          \"Saya bangga sebagai alumni Pesantren As'adiyah Sengkang. Pesantren ini tidak hanya memberi ilmu agama, tapi juga membentuk pondasi kuat bagi saya untuk menghadapi godaan selama kuliah di Inggris. Nilai-nilai seperti ketekunan dan integritas dari pesantren menjadi panduan berharga dalam perjalanan hidup saya. Terima kasih Pesantren As'adiyah Sengkang, semoga terus memberikan dampak positif bagi generasi selanjutnya.\"\r\n           <\/div>\r\n      <\/div>\r\n\r\n      <!-- Testimonial Card 3 -->\r\n      <div class=\"testimonial-card\">\r\n        <div class=\"testimonial-header\">\r\n          <img decoding=\"async\" class=\"user-photo\" \r\n               src=\"https:\/\/example.com\/foto2.jpg\" \r\n               alt=\"Foto Alumni\"\r\n               onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\" \/>\r\n          <div class=\"fallback-icon\"><\/div>\r\n\r\n          <div class=\"header-info\">\r\n            <h3>Aadilah Aziz, S.T, M.Sc.<\/h3>\r\n            <div class=\"profession\">Penerima beasiswa LPDP untuk gelar Master di University of Manchester, United Kingdom<\/div>\r\n            <div class=\"alumni-year\">Alumni MTs As\u2019adiyah Putri 2007<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"testimonial-text testimonial-content\">\r\n          \"Saya sangat bersyukur menjadi santri di Ponpes As\u2019adiyah sejak usia belia. Ilmu yang diperoleh dari Anregurutta membentuk karakter yang mengedepankan ketakwaan dalam keimanan Islam. Bekal yang kokoh dari Ponpes, meneguhkan langkah saya ketika berkelana di dunia luar yang penuh dengan perbedaan pandangan. Semoga Ponpes As\u2019adiyah selalu dalam lindungan Allah SWT, semakin maju melahirkan insan mulia yang lebih baik dalam segala aspek.\"\r\n          \r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Tombol Navigasi Slider -->\r\n    <div class=\"testimonial-nav\">\r\n      <button onclick=\"prevTestimonial()\">Prev<\/button>\r\n      <button onclick=\"nextTestimonial()\">Next<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    \/\/ Variabel untuk melacak indeks testimoni aktif\r\n    let currentTestimonial = 0;\r\n    let cards;\r\n\r\n    \/\/ Saat dokumen selesai dimuat\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n      cards = document.querySelectorAll('.testimonial-card');\r\n      showTestimonial(currentTestimonial);\r\n    });\r\n\r\n    \/\/ Fungsi menampilkan testimoni sesuai indeks\r\n    function showTestimonial(index) {\r\n      cards.forEach((card, i) => {\r\n        card.style.display = (i === index) ? 'block' : 'none';\r\n      });\r\n    }\r\n\r\n    \/\/ Fungsi untuk menampilkan testimoni selanjutnya\r\n    function nextTestimonial() {\r\n      currentTestimonial = (currentTestimonial + 1) % cards.length;\r\n      showTestimonial(currentTestimonial);\r\n    }\r\n\r\n    \/\/ Fungsi untuk menampilkan testimoni sebelumnya\r\n    function prevTestimonial() {\r\n      currentTestimonial = (currentTestimonial - 1 + cards.length) % cards.length;\r\n      showTestimonial(currentTestimonial);\r\n    }\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-269b1b6\" data-id=\"269b1b6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-60b91e2 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"60b91e2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>Download File<\/title>\r\n  <!-- Panggil file CSS eksternal -->\r\n  <link rel=\"stylesheet\" href=\"style.css\">\r\n<\/head>\r\n<body>\r\n\r\n  <div class=\"download-container\">\r\n    <h4>Download File<\/h4>\r\n    <div class=\"download-grid\">\r\n      <!-- PANDUAN -->\r\n      <!-- 1 -->\r\n      <div class=\"download-card\">\r\n        <div class=\"download-type\">Panduan<\/div>\r\n        <div class=\"download-name\">PMB IAI As'adiyah<\/div>\r\n        <div class=\"download-action\">\r\n          <a href=\"#\">\r\n            <img decoding=\"async\" src=\"https:\/\/asadiyahpusat.org\/wp-content\/uploads\/2023\/04\/icons8-downloads-48.png\" \r\n                 alt=\"Download\" width=\"16\" height=\"16\" \/>\r\n            Download\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- 2 -->\r\n      <div class=\"download-card\">\r\n        <div class=\"download-type\">Panduan<\/div>\r\n        <div class=\"download-name\">PMB Ma'had Aly As'adiyah<\/div>\r\n        <div class=\"download-action\">\r\n          <a href=\"#\">\r\n            <img decoding=\"async\" src=\"https:\/\/asadiyahpusat.org\/wp-content\/uploads\/2023\/04\/icons8-downloads-48.png\" \r\n                 alt=\"Download\" width=\"16\" height=\"16\" \/>\r\n            Download\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- 3 -->\r\n      <div class=\"download-card\">\r\n        <div class=\"download-type\">Panduan<\/div>\r\n        <div class=\"download-name\">PSB Tahfidz, PDF, MA dan MTs<\/div>\r\n        <div class=\"download-action\">\r\n          <a href=\"#\">\r\n            <img decoding=\"async\" src=\"https:\/\/asadiyahpusat.org\/wp-content\/uploads\/2023\/04\/icons8-downloads-48.png\" \r\n                 alt=\"Download\" width=\"16\" height=\"16\" \/>\r\n            Download\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- 4 -->\r\n      <div class=\"download-card\">\r\n        <div class=\"download-type\">Panduan<\/div>\r\n        <div class=\"download-name\">PSB MI, SDA dan RA<\/div>\r\n        <div class=\"download-action\">\r\n          <a href=\"#\">\r\n            <img decoding=\"async\" src=\"https:\/\/asadiyahpusat.org\/wp-content\/uploads\/2023\/04\/icons8-downloads-48.png\" \r\n                 alt=\"Download\" width=\"16\" height=\"16\" \/>\r\n            Download\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- BROSUR -->\r\n      <!-- 5 -->\r\n      <div class=\"download-card\">\r\n        <div class=\"download-type\">Brosur<\/div>\r\n        <div class=\"download-name\">PMB IAI<\/div>\r\n        <div class=\"download-action\">\r\n          <a href=\"#\">\r\n            <img decoding=\"async\" src=\"https:\/\/asadiyahpusat.org\/wp-content\/uploads\/2023\/04\/icons8-downloads-48.png\" \r\n                 alt=\"Download\" width=\"16\" height=\"16\" \/>\r\n            Download\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- 6 -->\r\n      <div class=\"download-card\">\r\n        <div class=\"download-type\">Brosur<\/div>\r\n        <div class=\"download-name\">PMB Ma'had Aly<\/div>\r\n        <div class=\"download-action\">\r\n          <!-- Aslinya tidak ada link di data awal, silakan ganti '#' jika diperlukan -->\r\n          <a href=\"#\">\r\n            <img decoding=\"async\" src=\"https:\/\/asadiyahpusat.org\/wp-content\/uploads\/2023\/04\/icons8-downloads-48.png\"\r\n                 alt=\"Download\" width=\"16\" height=\"16\" \/>\r\n            Download\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- 7 -->\r\n      <div class=\"download-card\">\r\n        <div class=\"download-type\">Brosur<\/div>\r\n        <div class=\"download-name\">PSB MAS As'adiyah Putra<\/div>\r\n        <div class=\"download-action\">\r\n          <a href=\"https:\/\/shorturl.at\/D2PAT\">\r\n            <img decoding=\"async\" src=\"https:\/\/asadiyahpusat.org\/wp-content\/uploads\/2023\/04\/icons8-downloads-48.png\" \r\n                 alt=\"Download\" width=\"16\" height=\"16\" \/>\r\n            Download\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- 8 -->\r\n      <div class=\"download-card\">\r\n        <div class=\"download-type\">Brosur<\/div>\r\n        <div class=\"download-name\">PSB MAS As'adiyah Putri<\/div>\r\n        <div class=\"download-action\">\r\n          <a href=\"https:\/\/shorturl.at\/HaBII\">\r\n            <img decoding=\"async\" src=\"https:\/\/asadiyahpusat.org\/wp-content\/uploads\/2023\/04\/icons8-downloads-48.png\" \r\n                 alt=\"Download\" width=\"16\" height=\"16\" \/>\r\n            Download\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- 9 -->\r\n      <div class=\"download-card\">\r\n        <div class=\"download-type\">Brosur<\/div>\r\n        <div class=\"download-name\">PSB MTs As'adiyah Putra<\/div>\r\n        <div class=\"download-action\">\r\n          <a href=\"https:\/\/tinyurl.com\/bdx3886m\">\r\n            <img decoding=\"async\" src=\"https:\/\/asadiyahpusat.org\/wp-content\/uploads\/2023\/04\/icons8-downloads-48.png\"\r\n                 alt=\"Download\" width=\"16\" height=\"16\" \/>\r\n            Download\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- 10 -->\r\n      <div class=\"download-card\">\r\n        <div class=\"download-type\">Brosur<\/div>\r\n        <div class=\"download-name\">PSB MTs As'adiyah Putri<\/div>\r\n        <div class=\"download-action\">\r\n          <a href=\"https:\/\/tinyurl.com\/rx8w7t6b\">\r\n            <img decoding=\"async\" src=\"https:\/\/asadiyahpusat.org\/wp-content\/uploads\/2023\/04\/icons8-downloads-48.png\"\r\n                 alt=\"Download\" width=\"16\" height=\"16\" \/>\r\n            Download\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- 11 -->\r\n      <div class=\"download-card\">\r\n        <div class=\"download-type\">Brosur<\/div>\r\n        <div class=\"download-name\">PSB PFD Ulya Putra<\/div>\r\n        <div class=\"download-action\">\r\n          <a href=\"https:\/\/shorturl.at\/StjZH\">\r\n            <img decoding=\"async\" src=\"https:\/\/asadiyahpusat.org\/wp-content\/uploads\/2023\/04\/icons8-downloads-48.png\"\r\n                 alt=\"Download\" width=\"16\" height=\"16\" \/>\r\n            Download\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- 12 -->\r\n      <div class=\"download-card\">\r\n        <div class=\"download-type\">Brosur<\/div>\r\n        <div class=\"download-name\">PSB PFD Ulya Putri<\/div>\r\n        <div class=\"download-action\">\r\n          <a href=\"https:\/\/tinyurl.com\/3mt7jvp6\">\r\n            <img decoding=\"async\" src=\"https:\/\/asadiyahpusat.org\/wp-content\/uploads\/2023\/04\/icons8-downloads-48.png\"\r\n                 alt=\"Download\" width=\"16\" height=\"16\" \/>\r\n            Download\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- 13 -->\r\n      <div class=\"download-card\">\r\n        <div class=\"download-type\">Brosur<\/div>\r\n        <div class=\"download-name\">PSB MIA As'adiyah<\/div>\r\n        <div class=\"download-action\">\r\n          <a href=\"https:\/\/tinyurl.com\/4s6cn69k\">\r\n            <img decoding=\"async\" src=\"https:\/\/asadiyahpusat.org\/wp-content\/uploads\/2023\/04\/icons8-downloads-48.png\"\r\n                 alt=\"Download\" width=\"16\" height=\"16\" \/>\r\n            Download\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- 14 -->\r\n      <div class=\"download-card\">\r\n        <div class=\"download-type\">Brosur<\/div>\r\n        <div class=\"download-name\">PSB SDA As'adiyah<\/div>\r\n        <div class=\"download-action\">\r\n          <a href=\"https:\/\/tinyurl.com\/t6xkk6em\">\r\n            <img decoding=\"async\" src=\"https:\/\/asadiyahpusat.org\/wp-content\/uploads\/2023\/04\/icons8-downloads-48.png\"\r\n                 alt=\"Download\" width=\"16\" height=\"16\" \/>\r\n            Download\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- 15 -->\r\n      <div class=\"download-card\">\r\n        <div class=\"download-type\">Brosur<\/div>\r\n        <div class=\"download-name\">PSB RA I As'adiyah<\/div>\r\n        <div class=\"download-action\">\r\n          <a href=\"https:\/\/tinyurl.com\/mry4ktpu\">\r\n            <img decoding=\"async\" src=\"https:\/\/asadiyahpusat.org\/wp-content\/uploads\/2023\/04\/icons8-downloads-48.png\"\r\n                 alt=\"Download\" width=\"16\" height=\"16\" \/>\r\n            Download\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- 16 -->\r\n      <div class=\"download-card\">\r\n        <div class=\"download-type\">Brosur<\/div>\r\n        <div class=\"download-name\">PSB RA II As'adiyah<\/div>\r\n        <div class=\"download-action\">\r\n          <a href=\"https:\/\/tinyurl.com\/279vxj9m\">\r\n            <img decoding=\"async\" src=\"https:\/\/asadiyahpusat.org\/wp-content\/uploads\/2023\/04\/icons8-downloads-48.png\"\r\n                 alt=\"Download\" width=\"16\" height=\"16\" \/>\r\n            Download\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- 17 -->\r\n      <div class=\"download-card\">\r\n        <div class=\"download-type\">Brosur<\/div>\r\n        <div class=\"download-name\">PSB Tahfidz Putri<\/div>\r\n        <div class=\"download-action\">\r\n          <a href=\"https:\/\/shorturl.at\/A5VYE\">\r\n            <img decoding=\"async\" src=\"https:\/\/asadiyahpusat.org\/wp-content\/uploads\/2023\/04\/icons8-downloads-48.png\"\r\n                 alt=\"Download\" width=\"16\" height=\"16\" \/>\r\n            Download\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- 18 -->\r\n      <div class=\"download-card\">\r\n        <div class=\"download-type\">Brosur<\/div>\r\n        <div class=\"download-name\">PSB Tahfidz Putra<\/div>\r\n        <div class=\"download-action\">\r\n          <a href=\"https:\/\/shorturl.at\/vn5Pv\">\r\n            <img decoding=\"async\" src=\"https:\/\/asadiyahpusat.org\/wp-content\/uploads\/2023\/04\/icons8-downloads-48.png\"\r\n                 alt=\"Download\" width=\"16\" height=\"16\" \/>\r\n            Download\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- END: BROSUR -->\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8116268 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8116268\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0b553dc\" data-id=\"0b553dc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2082205 elementor-widget elementor-widget-html\" data-id=\"2082205\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>Download File<\/title>\r\n  <!-- Panggil file CSS eksternal -->\r\n  <link rel=\"stylesheet\" href=\"style.css\">\r\n<\/head>\r\n<body>\r\n\r\n  <h4>Berita Prestasi<\/h4>\r\n\r\n  <!-- Kontainer tempat menampilkan kartu postingan -->\r\n  <div id=\"prestasi-container\"><\/div>\r\n\r\n  <!-- Kontainer tombol pagination dan info halaman -->\r\n  <div id=\"pagination-controls\">\r\n    <button id=\"prevBtn\">Prev<\/button>\r\n    <span id=\"pageInfo\"><\/span>\r\n    <button id=\"nextBtn\">Next<\/button>\r\n  <\/div>\r\n\r\n  <!-- JavaScript langsung di dalam HTML -->\r\n <script>\r\n  \/\/ Variabel global\r\n  let items = [];         \/\/ Menyimpan semua item postingan\r\n  let currentPage = 1;    \/\/ Halaman saat ini\r\n  let itemsPerPage = 4;   \/\/ Jumlah postingan per halaman\r\n  let totalPages = 0;     \/\/ Total halaman\r\n\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const container = document.getElementById(\"prestasi-container\");\r\n    const pageInfo = document.getElementById(\"pageInfo\");\r\n    const prevBtn = document.getElementById(\"prevBtn\");\r\n    const nextBtn = document.getElementById(\"nextBtn\");\r\n\r\n    \/\/ Ambil data dari rss2json (feed kategori Prestasi)\r\n    fetch(\"https:\/\/api.rss2json.com\/v1\/api.json?rss_url=https:\/\/asadiyahpusat.org\/category\/prestasi\/feed\/\")\r\n      .then(response => response.json())\r\n      .then(data => {\r\n        \/\/ Jika berhasil\r\n        if (data.status === \"ok\") {\r\n          items = data.items;\r\n          \/\/ Hitung total halaman\r\n          totalPages = Math.ceil(items.length \/ itemsPerPage);\r\n          \/\/ Render halaman pertama\r\n          renderPage(currentPage);\r\n        } else {\r\n          container.innerHTML = \"<p>Tidak ada data prestasi ditemukan.<\/p>\";\r\n        }\r\n      })\r\n      .catch(error => {\r\n        console.error(\"Error fetching data:\", error);\r\n        container.innerHTML = \"<p>Gagal mengambil data prestasi.<\/p>\";\r\n      });\r\n\r\n    \/\/ Fungsi untuk menampilkan item sesuai halaman\r\n    function renderPage(page) {\r\n      \/\/ Kosongkan container\r\n      container.innerHTML = \"\";\r\n\r\n      \/\/ Hitung range item yang ditampilkan\r\n      let startIndex = (page - 1) * itemsPerPage;\r\n      let endIndex = page * itemsPerPage;\r\n      let currentItems = items.slice(startIndex, endIndex);\r\n\r\n      \/\/ Loop tiap item, buat card\r\n      currentItems.forEach(item => {\r\n        const card = document.createElement(\"div\");\r\n        card.classList.add(\"card\");\r\n\r\n       \/\/ Thumbnail (jika tidak ada, gunakan placeholder)\r\nconst imgSrc = item.thumbnail || \"\";\r\n\r\n\r\n        \/\/ Isi card dengan data, tanpa menampilkan tanggal\r\n        card.innerHTML = `\r\n          <img decoding=\"async\" src=\"${imgSrc}\" alt=\"\">\r\n          <h2>${item.title}<\/h2>\r\n          <a href=\"${item.link}\" target=\"_blank\">Baca Selengkapnya<\/a>\r\n        `;\r\n        container.appendChild(card);\r\n      });\r\n\r\n      \/\/ Tampilkan info halaman (contoh: \"Halaman 1 \/ 3\")\r\n      pageInfo.textContent = \"Halaman \" + page + \" \/ \" + totalPages;\r\n    }\r\n\r\n    \/\/ Fungsi untuk pindah ke halaman berikutnya\r\n    function nextPage() {\r\n      if (currentPage < totalPages) {\r\n        currentPage++;\r\n        renderPage(currentPage);\r\n      }\r\n    }\r\n\r\n    \/\/ Fungsi untuk pindah ke halaman sebelumnya\r\n    function prevPage() {\r\n      if (currentPage > 1) {\r\n        currentPage--;\r\n        renderPage(currentPage);\r\n      }\r\n    }\r\n\r\n    \/\/ Event listener untuk tombol Prev & Next\r\n    prevBtn.addEventListener(\"click\", prevPage);\r\n    nextBtn.addEventListener(\"click\", nextPage);\r\n  });\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ccf16bf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ccf16bf\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4502939\" data-id=\"4502939\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3ddf3ba elementor-widget elementor-widget-spacer\" data-id=\"3ddf3ba\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Slider Gambar Responsif Program Laz As&#8217;adiyah Selengkapnya &#8216;)&#8221;> UNISAD Selengkapnya &#8216;)&#8221;> Ma&#8217;had Aly Selengkapnya &#8216;)&#8221;> MAS Putri Selengkapnya &#8216;)&#8221;> MAS Putra Selengkapnya &#8216;)&#8221;> MTs Putra Selengkapnya &#8216;)&#8221;> MTs Putri Selengkapnya &#8216;)&#8221;> PDF Putra Selengkapnya &#8216;)&#8221;> PDF Putri Selengkapnya &#8216;)&#8221;> MIS 3 Selengkapnya &#8216;)&#8221;> SDA Selengkapnya &#8216;)&#8221;> MDTA 1 Selengkapnya &#8216;)&#8221;> MDTA 2 Selengkapnya &#8216;)&#8221;> RA &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/asadiyahpusat.org\/pendidikan\/\"> <span class=\"screen-reader-text\">Beranda1<\/span> Selengkapnya &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7843","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/asadiyahpusat.org\/pendidikan\/index.php?rest_route=\/wp\/v2\/pages\/7843","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/asadiyahpusat.org\/pendidikan\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/asadiyahpusat.org\/pendidikan\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/asadiyahpusat.org\/pendidikan\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/asadiyahpusat.org\/pendidikan\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7843"}],"version-history":[{"count":505,"href":"https:\/\/asadiyahpusat.org\/pendidikan\/index.php?rest_route=\/wp\/v2\/pages\/7843\/revisions"}],"predecessor-version":[{"id":8694,"href":"https:\/\/asadiyahpusat.org\/pendidikan\/index.php?rest_route=\/wp\/v2\/pages\/7843\/revisions\/8694"}],"wp:attachment":[{"href":"https:\/\/asadiyahpusat.org\/pendidikan\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}