Anshorussunnah Boarding School<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&family=Amiri:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Poppins', 'sans-serif'],\r\n arabic: ['Amiri', 'serif'],\r\n },\r\n colors: {\r\n green: {\r\n 900: '#064e3b',\r\n 800: '#065f46',\r\n 700: '#047857',\r\n 600: '#059669',\r\n 500: '#10b981',\r\n },\r\n yellow: {\r\n 400: '#fbbf24',\r\n 500: '#f59e0b',\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* Reset Elementor defaults *\/\r\n html, body {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n overflow-x: hidden !important;\r\n }\r\n\r\n \/* Force Elementor Fullwidth Breakout *\/\r\n .elementor-breakout {\r\n width: 100vw !important;\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Kunci Ukuran Logo agar tidak dibajak Elementor *\/\r\n img.logo-hero {\r\n width: 140px !important;\r\n max-width: 100% !important;\r\n height: auto !important;\r\n }\r\n @media (min-width: 640px) {\r\n img.logo-hero { width: 180px !important; }\r\n }\r\n @media (min-width: 768px) {\r\n img.logo-hero { width: 220px !important; }\r\n }\r\n\r\n img.logo-footer {\r\n width: 60px !important;\r\n max-width: 100% !important;\r\n height: auto !important;\r\n }\r\n @media (min-width: 640px) {\r\n img.logo-footer { width: 75px !important; }\r\n }\r\n\r\n \/* Abstact Background Shapes *\/\r\n .bg-abstract {\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(135deg, #064e3b 0%, #047857 100%);\r\n }\r\n .shape-1 {\r\n position: absolute;\r\n top: -10%;\r\n left: -10%;\r\n width: 50vw;\r\n height: 50vw;\r\n background: rgba(251, 191, 36, 0.15); \/* Yellow *\/\r\n border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%;\r\n animation: morph 15s ease-in-out infinite alternate;\r\n z-index: 0;\r\n }\r\n .shape-2 {\r\n position: absolute;\r\n bottom: -20%;\r\n right: -10%;\r\n width: 60vw;\r\n height: 60vw;\r\n background: rgba(16, 185, 129, 0.2); \/* Light Green *\/\r\n border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%;\r\n animation: morph 20s ease-in-out infinite alternate-reverse;\r\n z-index: 0;\r\n }\r\n \r\n @keyframes morph {\r\n 0% { border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%; transform: rotate(0deg) scale(1); }\r\n 100% { border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%; transform: rotate(10deg) scale(1.1); }\r\n }\r\n\r\n \/* Running Text (Marquee) *\/\r\n .marquee-container {\r\n width: 100%;\r\n overflow: hidden;\r\n background-color: #fbbf24;\r\n color: #064e3b;\r\n padding: 8px 0;\r\n white-space: nowrap;\r\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n position: relative;\r\n z-index: 20;\r\n }\r\n .marquee-content {\r\n display: inline-flex;\r\n align-items: center;\r\n animation: marquee 30s linear infinite;\r\n font-weight: 600;\r\n }\r\n .marquee-content:hover {\r\n animation-play-state: paused;\r\n }\r\n @keyframes marquee {\r\n 0% { transform: translateX(100vw); }\r\n 100% { transform: translateX(-100%); }\r\n }\r\n\r\n \/* WA Popup Animations *\/\r\n #wa-popup {\r\n transition: opacity 0.3s ease, transform 0.3s ease;\r\n opacity: 0;\r\n transform: translateY(20px) scale(0.9);\r\n pointer-events: none;\r\n }\r\n #wa-popup.active {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n pointer-events: auto;\r\n }\r\n \r\n \/* Glassmorphism cards *\/\r\n .glass-card {\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 text-gray-800 font-sans antialiased overflow-x-hidden w-full m-0 p-0\">\r\n\r\n \r\n <div class=\"elementor-breakout bg-gray-50\">\r\n\r\n \r\n <div class=\"marquee-container\">\r\n <div class=\"marquee-content text-sm md:text-base gap-8\">\r\n <span>\ud83c\uddee\ud83c\udde9 Selamat Datang di situs resmi sekolah Anshorussunnah Boarding School<\/span>\r\n <span>\u2022<\/span>\r\n <span class=\"font-arabic text-lg\" dir=\"rtl\">\ud83c\uddf8\ud83c\udde6 \u0623\u0647\u0644\u0627 \u0648\u0633\u0647\u0644\u0627 \u0628\u0643\u0645 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0633\u0645\u064a \u0644\u0645\u0639\u0647\u062f \u0623\u0646\u0635\u0627\u0631 \u0627\u0644\u0633\u0646\u0629<\/span>\r\n <span>\u2022<\/span>\r\n <span>\ud83c\uddec\ud83c\udde7 Welcome to the official website of Anshorussunnah Boarding School<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <header class=\"bg-abstract min-h-[100vh] flex items-center justify-center text-center px-4 py-20\">\r\n <div class=\"shape-1\"><\/div>\r\n <div class=\"shape-2\"><\/div>\r\n \r\n <div class=\"relative z-10 w-full max-w-5xl mx-auto text-white\">\r\n \r\n \r\n <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1kDwGvIrTEluipf4vfq_rtfNmqMU85tW5\" \r\n onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/200x200\/064e3b\/fbbf24?text=Logo+ABS';\" \r\n alt=\"Logo Anshorussunnah Boarding School\" \r\n class=\"logo-hero mx-auto mb-6 drop-shadow-2xl hover:scale-105 transition-transform duration-300 object-contain\">\r\n\r\n <span class=\"inline-block py-1.5 px-4 rounded-full bg-yellow-400 text-green-900 font-bold text-xs sm:text-sm mb-6 tracking-wider uppercase shadow-md\">\r\n Sekolah Khusus Ikhwan Dengan Masa Belajar 6 Tahun\r\n <\/span>\r\n \r\n <h1 class=\"text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold mb-6 leading-tight drop-shadow-lg break-words\">\r\n <span class=\"text-yellow-400 block mb-2\">ANSHORUSSUNNAH<\/span> BOARDING SCHOOL\r\n <\/h1>\r\n <p class=\"text-base sm:text-lg md:text-xl font-light mb-8 max-w-2xl mx-auto drop-shadow-md px-2\">\r\n Mencetak generasi Tafaqquh fiddin yang beraqidah Ahlussunnah Wal Jama'ah berlandaskan Al-Qur'an dan As-Sunnah.\r\n <\/p>\r\n <a href=\"#profil\" class=\"inline-flex items-center gap-2 bg-yellow-400 hover:bg-yellow-500 text-green-900 font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105 shadow-lg\">\r\n Jelajahi Profil Kami <i class=\"fas fa-arrow-down\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section id=\"profil\" class=\"py-20 px-4 max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-green-800 mb-4\">Visi & Misi<\/h2>\r\n <div class=\"w-24 h-1 bg-yellow-400 mx-auto rounded-full\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10\">\r\n \r\n <div class=\"glass-card p-6 sm:p-8 rounded-3xl border-t-4 border-yellow-400 relative overflow-hidden group hover:shadow-xl transition-shadow\">\r\n <div class=\"absolute top-0 right-0 p-8 opacity-10 text-green-700 group-hover:scale-110 transition-transform\">\r\n <i class=\"fas fa-eye fa-5x\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-green-800 mb-6 flex items-center gap-3\">\r\n <i class=\"fas fa-bullseye text-yellow-500\"><\/i> Visi Kami\r\n <\/h3>\r\n <p class=\"text-gray-700 text-base sm:text-lg leading-relaxed relative z-10 font-medium\">\r\n \"Menjadi Sekolah yang mencetak generasi Tafaqquh fiddin yang beraqidah Ahlussunnah Wal Jama'ah sesuai dengan pemahaman para shalafush shalih, berakhlaq mulia, dan berdaya saing.\"\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"glass-card p-6 sm:p-8 rounded-3xl border-t-4 border-green-600 relative overflow-hidden group hover:shadow-xl transition-shadow\">\r\n <h3 class=\"text-2xl font-bold text-green-800 mb-6 flex items-center gap-3\">\r\n <i class=\"fas fa-rocket text-yellow-500\"><\/i> Misi Kami\r\n <\/h3>\r\n <ul class=\"space-y-4 relative z-10\">\r\n <li class=\"flex gap-4 items-start\">\r\n <div class=\"bg-green-100 text-green-700 p-2 rounded-lg mt-1 shrink-0\"><i class=\"fas fa-check\"><\/i><\/div>\r\n <p class=\"text-gray-700 leading-relaxed text-sm sm:text-base\">Menyelenggarakan Pendidikan yang menjunjung tinggi Nilai Ilmu agama Islam.<\/p>\r\n <\/li>\r\n <li class=\"flex gap-4 items-start\">\r\n <div class=\"bg-green-100 text-green-700 p-2 rounded-lg mt-1 shrink-0\"><i class=\"fas fa-check\"><\/i><\/div>\r\n <p class=\"text-gray-700 leading-relaxed text-sm sm:text-base\">Membentuk Karakteristik peserta didik yang mencintai ilmu pengetahuan, unggul, dan mampu memanfaatkan teknologi secara tepat.<\/p>\r\n <\/li>\r\n <li class=\"flex gap-4 items-start\">\r\n <div class=\"bg-green-100 text-green-700 p-2 rounded-lg mt-1 shrink-0\"><i class=\"fas fa-check\"><\/i><\/div>\r\n <p class=\"text-gray-700 leading-relaxed text-sm sm:text-base\">Membina perilaku siswa secara islami sehingga dapat dijadikan sebagai landasan akhlaq dan adab yang mulia.<\/p>\r\n <\/li>\r\n <li class=\"flex gap-4 items-start\">\r\n <div class=\"bg-green-100 text-green-700 p-2 rounded-lg mt-1 shrink-0\"><i class=\"fas fa-check\"><\/i><\/div>\r\n <p class=\"text-gray-700 leading-relaxed text-sm sm:text-base\">Membekali siswa dengan penguasaan sains, teknologi, dan Bahasa.<\/p>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"bg-green-800 py-20 text-white relative\">\r\n <div class=\"absolute inset-0 opacity-10\" style=\"background-image: radial-gradient(#fbbf24 2px, transparent 2px); background-size: 30px 30px;\"><\/div>\r\n <div class=\"max-w-7xl mx-auto px-4 relative z-10\">\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8 text-center\">\r\n <div class=\"p-6 rounded-2xl bg-green-700\/50 backdrop-blur border border-green-600 hover:bg-green-600 transition\">\r\n <i class=\"fas fa-quran text-4xl sm:text-5xl text-yellow-400 mb-4\"><\/i>\r\n <h4 class=\"text-lg sm:text-xl font-bold mb-2\">Fokus Tahfidz<\/h4>\r\n <p class=\"text-green-100 text-sm sm:text-base\">70% mata pelajaran diniyah 30% mata pelajaran umum difokuskan untuk hafalan dan pemahaman Al-Qur'an.<\/p>\r\n <\/div>\r\n <div class=\"p-6 rounded-2xl bg-green-700\/50 backdrop-blur border border-green-600 hover:bg-green-600 transition\">\r\n <i class=\"fas fa-user-graduate text-4xl sm:text-5xl text-yellow-400 mb-4\"><\/i>\r\n <h4 class=\"text-lg sm:text-xl font-bold mb-2\">Pendidik Berkompeten<\/h4>\r\n <p class=\"text-green-100 text-sm sm:text-base\">Tenaga pendidik merupakan alumnus Perguruan Tinggi di Dalam dan Luar Negeri.<\/p>\r\n <\/div>\r\n <div class=\"p-6 rounded-2xl bg-green-700\/50 backdrop-blur border border-green-600 hover:bg-green-600 transition sm:col-span-2 md:col-span-1\">\r\n <i class=\"fas fa-mountain text-4xl sm:text-5xl text-yellow-400 mb-4\"><\/i>\r\n <h4 class=\"text-lg sm:text-xl font-bold mb-2\">Lingkungan Kondusif<\/h4>\r\n <p class=\"text-green-100 text-sm sm:text-base\">Berlokasi di pegunungan yang asri dan tenang, sangat mendukung proses belajar mengajar.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 px-4 max-w-7xl mx-auto w-full\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16\">\r\n \r\n \r\n <div class=\"w-full\">\r\n <h2 class=\"text-2xl sm:text-3xl font-bold text-green-800 mb-2\">Fasilitas Memadai<\/h2>\r\n <div class=\"w-16 h-1 bg-yellow-400 rounded-full mb-8\"><\/div>\r\n <div class=\"grid grid-cols-2 sm:grid-cols-3 gap-3 sm:gap-4\">\r\n <div class=\"flex flex-col items-center justify-center p-3 sm:p-4 bg-white rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition text-center group\">\r\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 bg-green-50 rounded-full flex items-center justify-center text-green-600 mb-3 group-hover:bg-green-600 group-hover:text-white transition\">\r\n <i class=\"fas fa-mosque text-xl sm:text-2xl\"><\/i>\r\n <\/div>\r\n <span class=\"font-semibold text-gray-700 text-sm sm:text-base\">Mesjid<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center justify-center p-3 sm:p-4 bg-white rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition text-center group\">\r\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 bg-green-50 rounded-full flex items-center justify-center text-green-600 mb-3 group-hover:bg-green-600 group-hover:text-white transition\">\r\n <i class=\"fas fa-chalkboard text-xl sm:text-2xl\"><\/i>\r\n <\/div>\r\n <span class=\"font-semibold text-gray-700 text-sm sm:text-base\">Ruang Kelas<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center justify-center p-3 sm:p-4 bg-white rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition text-center group\">\r\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 bg-green-50 rounded-full flex items-center justify-center text-green-600 mb-3 group-hover:bg-green-600 group-hover:text-white transition\">\r\n <i class=\"fas fa-bed text-xl sm:text-2xl\"><\/i>\r\n <\/div>\r\n <span class=\"font-semibold text-gray-700 text-sm sm:text-base\">Asrama<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center justify-center p-3 sm:p-4 bg-white rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition text-center group\">\r\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 bg-green-50 rounded-full flex items-center justify-center text-green-600 mb-3 group-hover:bg-green-600 group-hover:text-white transition\">\r\n <i class=\"fas fa-futbol text-xl sm:text-2xl\"><\/i>\r\n <\/div>\r\n <span class=\"font-semibold text-gray-700 text-sm sm:text-base\">Lapangan<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center justify-center p-3 sm:p-4 bg-white rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition text-center group\">\r\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 bg-green-50 rounded-full flex items-center justify-center text-green-600 mb-3 group-hover:bg-green-600 group-hover:text-white transition\">\r\n <i class=\"fas fa-utensils text-xl sm:text-2xl\"><\/i>\r\n <\/div>\r\n <span class=\"font-semibold text-gray-700 text-sm sm:text-base\">Ruang Makan<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center justify-center p-3 sm:p-4 bg-white rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition text-center group\">\r\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 bg-green-50 rounded-full flex items-center justify-center text-green-600 mb-3 group-hover:bg-green-600 group-hover:text-white transition\">\r\n <i class=\"fas fa-desktop text-xl sm:text-2xl\"><\/i>\r\n <\/div>\r\n <span class=\"font-semibold text-gray-700 text-sm sm:text-base\">Lab Komputer<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full\">\r\n <h2 class=\"text-2xl sm:text-3xl font-bold text-green-800 mb-2\">Ekstrakurikuler<\/h2>\r\n <div class=\"w-16 h-1 bg-yellow-400 rounded-full mb-8\"><\/div>\r\n <p class=\"text-gray-600 mb-6 text-sm sm:text-base\">Membentuk fisik yang kuat, keterampilan, dan mentalitas pejuang sejati melalui berbagai kegiatan luar ruangan.<\/p>\r\n \r\n <div class=\"flex flex-wrap gap-3 sm:gap-4\">\r\n <div class=\"bg-yellow-100 text-yellow-800 px-4 sm:px-6 py-2 sm:py-3 rounded-full font-bold flex items-center gap-2 border border-yellow-200 text-sm sm:text-base shrink-0\">\r\n <i class=\"fas fa-tree\"><\/i> Outing Class\r\n <\/div>\r\n <div class=\"bg-green-100 text-green-800 px-4 sm:px-6 py-2 sm:py-3 rounded-full font-bold flex items-center gap-2 border border-green-200 text-sm sm:text-base shrink-0\">\r\n <i class=\"fas fa-fist-raised\"><\/i> Beladiri\r\n <\/div>\r\n <div class=\"bg-gray-100 text-gray-800 px-4 sm:px-6 py-2 sm:py-3 rounded-full font-bold flex items-center gap-2 border border-gray-200 text-sm sm:text-base shrink-0\">\r\n <i class=\"fas fa-crosshairs\"><\/i> Airsoft\r\n <\/div>\r\n <div class=\"bg-amber-100 text-amber-800 px-4 sm:px-6 py-2 sm:py-3 rounded-full font-bold flex items-center gap-2 border border-amber-200 text-sm sm:text-base shrink-0\">\r\n <i class=\"fas fa-bullseye\"><\/i> Memanah\r\n <\/div>\r\n <div class=\"bg-blue-100 text-blue-800 px-4 sm:px-6 py-2 sm:py-3 rounded-full font-bold flex items-center gap-2 border border-blue-200 text-sm sm:text-base shrink-0\">\r\n <i class=\"fas fa-futbol\"><\/i> Futsal\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"bg-green-900 text-green-100 py-12 border-t-4 border-yellow-400 w-full overflow-hidden\">\r\n <div class=\"max-w-7xl mx-auto px-4 grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\r\n <div>\r\n \r\n <div class=\"flex items-center gap-4 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1kDwGvIrTEluipf4vfq_rtfNmqMU85tW5\" \r\n onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/100x100\/064e3b\/fbbf24?text=ABS';\" \r\n alt=\"Logo Anshorussunnah\" \r\n class=\"logo-footer object-contain drop-shadow-md\">\r\n <h3 class=\"text-xl sm:text-2xl font-bold text-white leading-tight\">ANSHORUSSUNNAH <br class=\"hidden sm:block\"><span class=\"text-yellow-400\">BOARDING SCHOOL<\/span><\/h3>\r\n <\/div>\r\n <p class=\"mb-6 opacity-80 max-w-md text-sm sm:text-base mt-2\">Menyelenggarakan Pendidikan yang menjunjung tinggi Nilai Ilmu agama Islam untuk mencetak generasi Rabbani.<\/p>\r\n <div class=\"flex items-start gap-4 mb-4\">\r\n <i class=\"fas fa-map-marker-alt text-yellow-400 text-xl mt-1 shrink-0\"><\/i>\r\n <p class=\"font-medium text-white text-sm sm:text-base\">\r\n Kp. Pasirsalam 01\/04 <br>\r\n Desa Sukanagara, Kecamatan Soreang <br>\r\n Kabupaten Bandung, Jawa Barat\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex justify-start md:justify-end\">\r\n <div class=\"bg-green-800 p-6 rounded-2xl w-full max-w-md border border-green-700 text-center\">\r\n <h4 class=\"text-lg font-bold text-white mb-2\">Informasi Pendaftaran<\/h4>\r\n <p class=\"text-sm mb-4\">Hubungi kami untuk informasi lebih lanjut mengenai pendaftaran santri baru.<\/p>\r\n <a href=\"https:\/\/wa.me\/6282116422362\" target=\"_blank\" class=\"inline-flex bg-green-500 hover:bg-green-600 text-white font-bold py-3 px-6 rounded-xl w-full transition shadow-lg items-center justify-center gap-2\">\r\n <i class=\"fab fa-whatsapp text-2xl\"><\/i> Hubungi WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"max-w-7xl mx-auto px-4 mt-12 pt-6 border-t border-green-800 text-center text-sm opacity-60\">\r\n © 2026 Anshorussunnah Boarding School. All rights reserved.\r\n <\/div>\r\n <\/footer>\r\n\r\n <\/div> \r\n\r\n \r\n <div class=\"fixed bottom-3 right-3 sm:bottom-5 sm:right-5 z-[9999] flex flex-col items-end max-w-[calc(100vw-1.5rem)]\">\r\n \r\n \r\n <div id=\"wa-popup\" class=\"bg-white rounded-xl shadow-xl overflow-hidden mb-2 w-52 sm:w-64 border border-gray-100 max-w-full\">\r\n <div class=\"bg-green-600 p-2 sm:p-2.5 text-white flex justify-between items-center\">\r\n <div class=\"flex items-center gap-2\">\r\n <div class=\"w-7 h-7 sm:w-8 sm:h-8 bg-white rounded-full flex items-center justify-center text-green-600 shrink-0\">\r\n <i class=\"fas fa-user-tie text-[10px] sm:text-xs\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-[11px] sm:text-xs\">Admin Sekolah<\/h4>\r\n <p class=\"text-[9px] sm:text-[10px] opacity-80 leading-none\">Online<\/p>\r\n <\/div>\r\n <\/div>\r\n <button onclick=\"toggleWaPopup()\" class=\"text-white hover:text-gray-200 p-1\">\r\n <i class=\"fas fa-times text-xs sm:text-sm\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <div class=\"p-2 sm:p-3 bg-gray-50\">\r\n <div class=\"bg-white p-2 rounded shadow-sm text-[10px] sm:text-xs text-gray-700 border border-gray-100 mb-2 inline-block leading-snug\">\r\n Assalamu'alaikum. <br>Bisa kami bantu?\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/6282116422362\" target=\"_blank\" class=\"flex text-center bg-green-500 hover:bg-green-600 text-white font-bold py-1.5 px-3 rounded-lg transition w-full items-center justify-center gap-1.5 text-[11px] sm:text-xs\">\r\n <i class=\"fab fa-whatsapp text-sm\"><\/i> Chat Sekarang\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <button onclick=\"toggleWaPopup()\" class=\"w-10 h-10 sm:w-12 sm:h-12 bg-green-500 hover:bg-green-600 text-white rounded-full shadow-lg flex items-center justify-center text-xl transition-transform transform hover:scale-105 relative border-2 border-white shrink-0\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n \r\n <span class=\"absolute top-0 right-0 w-2.5 h-2.5 bg-red-500 border-2 border-white rounded-full\"><\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <script>\r\n function toggleWaPopup() {\r\n const popup = document.getElementById('wa-popup');\r\n popup.classList.toggle('active');\r\n }\r\n\r\n \/\/ Auto show popup after 5 seconds\r\n setTimeout(() => {\r\n const popup = document.getElementById('wa-popup');\r\n if(!popup.classList.contains('active')) {\r\n popup.classList.add('active');\r\n }\r\n }, 5000);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Anshorussunnah Boarding School \ud83c\uddee\ud83c\udde9 Selamat Datang di situs resmi sekolah Anshorussunnah Boarding School \u2022 \ud83c\uddf8\ud83c\udde6 \u0623\u0647\u0644\u0627 \u0648\u0633\u0647\u0644\u0627 \u0628\u0643\u0645 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0633\u0645\u064a \u0644\u0645\u0639\u0647\u062f \u0623\u0646\u0635\u0627\u0631 \u0627\u0644\u0633\u0646\u0629 \u2022 \ud83c\uddec\ud83c\udde7 Welcome to the official website of Anshorussunnah Boarding School Sekolah Khusus Ikhwan Dengan Masa Belajar 6 Tahun ANSHORUSSUNNAH BOARDING SCHOOL Mencetak generasi Tafaqquh fiddin yang beraqidah Ahlussunnah Wal Jama’ah […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/anshorussunnahbs.com\/index.php\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anshorussunnahbs.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anshorussunnahbs.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anshorussunnahbs.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anshorussunnahbs.com\/index.php\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":56,"href":"https:\/\/anshorussunnahbs.com\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":105,"href":"https:\/\/anshorussunnahbs.com\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions\/105"}],"wp:attachment":[{"href":"https:\/\/anshorussunnahbs.com\/index.php\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Anshorussunnah Boarding School<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&family=Amiri:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Poppins', 'sans-serif'],\r\n arabic: ['Amiri', 'serif'],\r\n },\r\n colors: {\r\n green: {\r\n 900: '#064e3b',\r\n 800: '#065f46',\r\n 700: '#047857',\r\n 600: '#059669',\r\n 500: '#10b981',\r\n },\r\n yellow: {\r\n 400: '#fbbf24',\r\n 500: '#f59e0b',\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* Reset Elementor defaults *\/\r\n html, body {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n overflow-x: hidden !important;\r\n }\r\n\r\n \/* Force Elementor Fullwidth Breakout *\/\r\n .elementor-breakout {\r\n width: 100vw !important;\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Kunci Ukuran Logo agar tidak dibajak Elementor *\/\r\n img.logo-hero {\r\n width: 140px !important;\r\n max-width: 100% !important;\r\n height: auto !important;\r\n }\r\n @media (min-width: 640px) {\r\n img.logo-hero { width: 180px !important; }\r\n }\r\n @media (min-width: 768px) {\r\n img.logo-hero { width: 220px !important; }\r\n }\r\n\r\n img.logo-footer {\r\n width: 60px !important;\r\n max-width: 100% !important;\r\n height: auto !important;\r\n }\r\n @media (min-width: 640px) {\r\n img.logo-footer { width: 75px !important; }\r\n }\r\n\r\n \/* Abstact Background Shapes *\/\r\n .bg-abstract {\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(135deg, #064e3b 0%, #047857 100%);\r\n }\r\n .shape-1 {\r\n position: absolute;\r\n top: -10%;\r\n left: -10%;\r\n width: 50vw;\r\n height: 50vw;\r\n background: rgba(251, 191, 36, 0.15); \/* Yellow *\/\r\n border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%;\r\n animation: morph 15s ease-in-out infinite alternate;\r\n z-index: 0;\r\n }\r\n .shape-2 {\r\n position: absolute;\r\n bottom: -20%;\r\n right: -10%;\r\n width: 60vw;\r\n height: 60vw;\r\n background: rgba(16, 185, 129, 0.2); \/* Light Green *\/\r\n border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%;\r\n animation: morph 20s ease-in-out infinite alternate-reverse;\r\n z-index: 0;\r\n }\r\n \r\n @keyframes morph {\r\n 0% { border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%; transform: rotate(0deg) scale(1); }\r\n 100% { border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%; transform: rotate(10deg) scale(1.1); }\r\n }\r\n\r\n \/* Running Text (Marquee) *\/\r\n .marquee-container {\r\n width: 100%;\r\n overflow: hidden;\r\n background-color: #fbbf24;\r\n color: #064e3b;\r\n padding: 8px 0;\r\n white-space: nowrap;\r\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n position: relative;\r\n z-index: 20;\r\n }\r\n .marquee-content {\r\n display: inline-flex;\r\n align-items: center;\r\n animation: marquee 30s linear infinite;\r\n font-weight: 600;\r\n }\r\n .marquee-content:hover {\r\n animation-play-state: paused;\r\n }\r\n @keyframes marquee {\r\n 0% { transform: translateX(100vw); }\r\n 100% { transform: translateX(-100%); }\r\n }\r\n\r\n \/* WA Popup Animations *\/\r\n #wa-popup {\r\n transition: opacity 0.3s ease, transform 0.3s ease;\r\n opacity: 0;\r\n transform: translateY(20px) scale(0.9);\r\n pointer-events: none;\r\n }\r\n #wa-popup.active {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n pointer-events: auto;\r\n }\r\n \r\n \/* Glassmorphism cards *\/\r\n .glass-card {\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 text-gray-800 font-sans antialiased overflow-x-hidden w-full m-0 p-0\">\r\n\r\n \r\n <div class=\"elementor-breakout bg-gray-50\">\r\n\r\n \r\n <div class=\"marquee-container\">\r\n <div class=\"marquee-content text-sm md:text-base gap-8\">\r\n <span>\ud83c\uddee\ud83c\udde9 Selamat Datang di situs resmi sekolah Anshorussunnah Boarding School<\/span>\r\n <span>\u2022<\/span>\r\n <span class=\"font-arabic text-lg\" dir=\"rtl\">\ud83c\uddf8\ud83c\udde6 \u0623\u0647\u0644\u0627 \u0648\u0633\u0647\u0644\u0627 \u0628\u0643\u0645 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0633\u0645\u064a \u0644\u0645\u0639\u0647\u062f \u0623\u0646\u0635\u0627\u0631 \u0627\u0644\u0633\u0646\u0629<\/span>\r\n <span>\u2022<\/span>\r\n <span>\ud83c\uddec\ud83c\udde7 Welcome to the official website of Anshorussunnah Boarding School<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <header class=\"bg-abstract min-h-[100vh] flex items-center justify-center text-center px-4 py-20\">\r\n <div class=\"shape-1\"><\/div>\r\n <div class=\"shape-2\"><\/div>\r\n \r\n <div class=\"relative z-10 w-full max-w-5xl mx-auto text-white\">\r\n \r\n \r\n <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1kDwGvIrTEluipf4vfq_rtfNmqMU85tW5\" \r\n onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/200x200\/064e3b\/fbbf24?text=Logo+ABS';\" \r\n alt=\"Logo Anshorussunnah Boarding School\" \r\n class=\"logo-hero mx-auto mb-6 drop-shadow-2xl hover:scale-105 transition-transform duration-300 object-contain\">\r\n\r\n <span class=\"inline-block py-1.5 px-4 rounded-full bg-yellow-400 text-green-900 font-bold text-xs sm:text-sm mb-6 tracking-wider uppercase shadow-md\">\r\n Sekolah Khusus Ikhwan Dengan Masa Belajar 6 Tahun\r\n <\/span>\r\n \r\n <h1 class=\"text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold mb-6 leading-tight drop-shadow-lg break-words\">\r\n <span class=\"text-yellow-400 block mb-2\">ANSHORUSSUNNAH<\/span> BOARDING SCHOOL\r\n <\/h1>\r\n <p class=\"text-base sm:text-lg md:text-xl font-light mb-8 max-w-2xl mx-auto drop-shadow-md px-2\">\r\n Mencetak generasi Tafaqquh fiddin yang beraqidah Ahlussunnah Wal Jama'ah berlandaskan Al-Qur'an dan As-Sunnah.\r\n <\/p>\r\n <a href=\"#profil\" class=\"inline-flex items-center gap-2 bg-yellow-400 hover:bg-yellow-500 text-green-900 font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105 shadow-lg\">\r\n Jelajahi Profil Kami <i class=\"fas fa-arrow-down\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section id=\"profil\" class=\"py-20 px-4 max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-green-800 mb-4\">Visi & Misi<\/h2>\r\n <div class=\"w-24 h-1 bg-yellow-400 mx-auto rounded-full\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10\">\r\n \r\n <div class=\"glass-card p-6 sm:p-8 rounded-3xl border-t-4 border-yellow-400 relative overflow-hidden group hover:shadow-xl transition-shadow\">\r\n <div class=\"absolute top-0 right-0 p-8 opacity-10 text-green-700 group-hover:scale-110 transition-transform\">\r\n <i class=\"fas fa-eye fa-5x\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-green-800 mb-6 flex items-center gap-3\">\r\n <i class=\"fas fa-bullseye text-yellow-500\"><\/i> Visi Kami\r\n <\/h3>\r\n <p class=\"text-gray-700 text-base sm:text-lg leading-relaxed relative z-10 font-medium\">\r\n \"Menjadi Sekolah yang mencetak generasi Tafaqquh fiddin yang beraqidah Ahlussunnah Wal Jama'ah sesuai dengan pemahaman para shalafush shalih, berakhlaq mulia, dan berdaya saing.\"\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"glass-card p-6 sm:p-8 rounded-3xl border-t-4 border-green-600 relative overflow-hidden group hover:shadow-xl transition-shadow\">\r\n <h3 class=\"text-2xl font-bold text-green-800 mb-6 flex items-center gap-3\">\r\n <i class=\"fas fa-rocket text-yellow-500\"><\/i> Misi Kami\r\n <\/h3>\r\n <ul class=\"space-y-4 relative z-10\">\r\n <li class=\"flex gap-4 items-start\">\r\n <div class=\"bg-green-100 text-green-700 p-2 rounded-lg mt-1 shrink-0\"><i class=\"fas fa-check\"><\/i><\/div>\r\n <p class=\"text-gray-700 leading-relaxed text-sm sm:text-base\">Menyelenggarakan Pendidikan yang menjunjung tinggi Nilai Ilmu agama Islam.<\/p>\r\n <\/li>\r\n <li class=\"flex gap-4 items-start\">\r\n <div class=\"bg-green-100 text-green-700 p-2 rounded-lg mt-1 shrink-0\"><i class=\"fas fa-check\"><\/i><\/div>\r\n <p class=\"text-gray-700 leading-relaxed text-sm sm:text-base\">Membentuk Karakteristik peserta didik yang mencintai ilmu pengetahuan, unggul, dan mampu memanfaatkan teknologi secara tepat.<\/p>\r\n <\/li>\r\n <li class=\"flex gap-4 items-start\">\r\n <div class=\"bg-green-100 text-green-700 p-2 rounded-lg mt-1 shrink-0\"><i class=\"fas fa-check\"><\/i><\/div>\r\n <p class=\"text-gray-700 leading-relaxed text-sm sm:text-base\">Membina perilaku siswa secara islami sehingga dapat dijadikan sebagai landasan akhlaq dan adab yang mulia.<\/p>\r\n <\/li>\r\n <li class=\"flex gap-4 items-start\">\r\n <div class=\"bg-green-100 text-green-700 p-2 rounded-lg mt-1 shrink-0\"><i class=\"fas fa-check\"><\/i><\/div>\r\n <p class=\"text-gray-700 leading-relaxed text-sm sm:text-base\">Membekali siswa dengan penguasaan sains, teknologi, dan Bahasa.<\/p>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"bg-green-800 py-20 text-white relative\">\r\n <div class=\"absolute inset-0 opacity-10\" style=\"background-image: radial-gradient(#fbbf24 2px, transparent 2px); background-size: 30px 30px;\"><\/div>\r\n <div class=\"max-w-7xl mx-auto px-4 relative z-10\">\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8 text-center\">\r\n <div class=\"p-6 rounded-2xl bg-green-700\/50 backdrop-blur border border-green-600 hover:bg-green-600 transition\">\r\n <i class=\"fas fa-quran text-4xl sm:text-5xl text-yellow-400 mb-4\"><\/i>\r\n <h4 class=\"text-lg sm:text-xl font-bold mb-2\">Fokus Tahfidz<\/h4>\r\n <p class=\"text-green-100 text-sm sm:text-base\">70% mata pelajaran diniyah 30% mata pelajaran umum difokuskan untuk hafalan dan pemahaman Al-Qur'an.<\/p>\r\n <\/div>\r\n <div class=\"p-6 rounded-2xl bg-green-700\/50 backdrop-blur border border-green-600 hover:bg-green-600 transition\">\r\n <i class=\"fas fa-user-graduate text-4xl sm:text-5xl text-yellow-400 mb-4\"><\/i>\r\n <h4 class=\"text-lg sm:text-xl font-bold mb-2\">Pendidik Berkompeten<\/h4>\r\n <p class=\"text-green-100 text-sm sm:text-base\">Tenaga pendidik merupakan alumnus Perguruan Tinggi di Dalam dan Luar Negeri.<\/p>\r\n <\/div>\r\n <div class=\"p-6 rounded-2xl bg-green-700\/50 backdrop-blur border border-green-600 hover:bg-green-600 transition sm:col-span-2 md:col-span-1\">\r\n <i class=\"fas fa-mountain text-4xl sm:text-5xl text-yellow-400 mb-4\"><\/i>\r\n <h4 class=\"text-lg sm:text-xl font-bold mb-2\">Lingkungan Kondusif<\/h4>\r\n <p class=\"text-green-100 text-sm sm:text-base\">Berlokasi di pegunungan yang asri dan tenang, sangat mendukung proses belajar mengajar.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 px-4 max-w-7xl mx-auto w-full\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16\">\r\n \r\n \r\n <div class=\"w-full\">\r\n <h2 class=\"text-2xl sm:text-3xl font-bold text-green-800 mb-2\">Fasilitas Memadai<\/h2>\r\n <div class=\"w-16 h-1 bg-yellow-400 rounded-full mb-8\"><\/div>\r\n <div class=\"grid grid-cols-2 sm:grid-cols-3 gap-3 sm:gap-4\">\r\n <div class=\"flex flex-col items-center justify-center p-3 sm:p-4 bg-white rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition text-center group\">\r\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 bg-green-50 rounded-full flex items-center justify-center text-green-600 mb-3 group-hover:bg-green-600 group-hover:text-white transition\">\r\n <i class=\"fas fa-mosque text-xl sm:text-2xl\"><\/i>\r\n <\/div>\r\n <span class=\"font-semibold text-gray-700 text-sm sm:text-base\">Mesjid<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center justify-center p-3 sm:p-4 bg-white rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition text-center group\">\r\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 bg-green-50 rounded-full flex items-center justify-center text-green-600 mb-3 group-hover:bg-green-600 group-hover:text-white transition\">\r\n <i class=\"fas fa-chalkboard text-xl sm:text-2xl\"><\/i>\r\n <\/div>\r\n <span class=\"font-semibold text-gray-700 text-sm sm:text-base\">Ruang Kelas<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center justify-center p-3 sm:p-4 bg-white rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition text-center group\">\r\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 bg-green-50 rounded-full flex items-center justify-center text-green-600 mb-3 group-hover:bg-green-600 group-hover:text-white transition\">\r\n <i class=\"fas fa-bed text-xl sm:text-2xl\"><\/i>\r\n <\/div>\r\n <span class=\"font-semibold text-gray-700 text-sm sm:text-base\">Asrama<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center justify-center p-3 sm:p-4 bg-white rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition text-center group\">\r\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 bg-green-50 rounded-full flex items-center justify-center text-green-600 mb-3 group-hover:bg-green-600 group-hover:text-white transition\">\r\n <i class=\"fas fa-futbol text-xl sm:text-2xl\"><\/i>\r\n <\/div>\r\n <span class=\"font-semibold text-gray-700 text-sm sm:text-base\">Lapangan<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center justify-center p-3 sm:p-4 bg-white rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition text-center group\">\r\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 bg-green-50 rounded-full flex items-center justify-center text-green-600 mb-3 group-hover:bg-green-600 group-hover:text-white transition\">\r\n <i class=\"fas fa-utensils text-xl sm:text-2xl\"><\/i>\r\n <\/div>\r\n <span class=\"font-semibold text-gray-700 text-sm sm:text-base\">Ruang Makan<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center justify-center p-3 sm:p-4 bg-white rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition text-center group\">\r\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 bg-green-50 rounded-full flex items-center justify-center text-green-600 mb-3 group-hover:bg-green-600 group-hover:text-white transition\">\r\n <i class=\"fas fa-desktop text-xl sm:text-2xl\"><\/i>\r\n <\/div>\r\n <span class=\"font-semibold text-gray-700 text-sm sm:text-base\">Lab Komputer<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full\">\r\n <h2 class=\"text-2xl sm:text-3xl font-bold text-green-800 mb-2\">Ekstrakurikuler<\/h2>\r\n <div class=\"w-16 h-1 bg-yellow-400 rounded-full mb-8\"><\/div>\r\n <p class=\"text-gray-600 mb-6 text-sm sm:text-base\">Membentuk fisik yang kuat, keterampilan, dan mentalitas pejuang sejati melalui berbagai kegiatan luar ruangan.<\/p>\r\n \r\n <div class=\"flex flex-wrap gap-3 sm:gap-4\">\r\n <div class=\"bg-yellow-100 text-yellow-800 px-4 sm:px-6 py-2 sm:py-3 rounded-full font-bold flex items-center gap-2 border border-yellow-200 text-sm sm:text-base shrink-0\">\r\n <i class=\"fas fa-tree\"><\/i> Outing Class\r\n <\/div>\r\n <div class=\"bg-green-100 text-green-800 px-4 sm:px-6 py-2 sm:py-3 rounded-full font-bold flex items-center gap-2 border border-green-200 text-sm sm:text-base shrink-0\">\r\n <i class=\"fas fa-fist-raised\"><\/i> Beladiri\r\n <\/div>\r\n <div class=\"bg-gray-100 text-gray-800 px-4 sm:px-6 py-2 sm:py-3 rounded-full font-bold flex items-center gap-2 border border-gray-200 text-sm sm:text-base shrink-0\">\r\n <i class=\"fas fa-crosshairs\"><\/i> Airsoft\r\n <\/div>\r\n <div class=\"bg-amber-100 text-amber-800 px-4 sm:px-6 py-2 sm:py-3 rounded-full font-bold flex items-center gap-2 border border-amber-200 text-sm sm:text-base shrink-0\">\r\n <i class=\"fas fa-bullseye\"><\/i> Memanah\r\n <\/div>\r\n <div class=\"bg-blue-100 text-blue-800 px-4 sm:px-6 py-2 sm:py-3 rounded-full font-bold flex items-center gap-2 border border-blue-200 text-sm sm:text-base shrink-0\">\r\n <i class=\"fas fa-futbol\"><\/i> Futsal\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"bg-green-900 text-green-100 py-12 border-t-4 border-yellow-400 w-full overflow-hidden\">\r\n <div class=\"max-w-7xl mx-auto px-4 grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\r\n <div>\r\n \r\n <div class=\"flex items-center gap-4 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1kDwGvIrTEluipf4vfq_rtfNmqMU85tW5\" \r\n onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/100x100\/064e3b\/fbbf24?text=ABS';\" \r\n alt=\"Logo Anshorussunnah\" \r\n class=\"logo-footer object-contain drop-shadow-md\">\r\n <h3 class=\"text-xl sm:text-2xl font-bold text-white leading-tight\">ANSHORUSSUNNAH <br class=\"hidden sm:block\"><span class=\"text-yellow-400\">BOARDING SCHOOL<\/span><\/h3>\r\n <\/div>\r\n <p class=\"mb-6 opacity-80 max-w-md text-sm sm:text-base mt-2\">Menyelenggarakan Pendidikan yang menjunjung tinggi Nilai Ilmu agama Islam untuk mencetak generasi Rabbani.<\/p>\r\n <div class=\"flex items-start gap-4 mb-4\">\r\n <i class=\"fas fa-map-marker-alt text-yellow-400 text-xl mt-1 shrink-0\"><\/i>\r\n <p class=\"font-medium text-white text-sm sm:text-base\">\r\n Kp. Pasirsalam 01\/04 <br>\r\n Desa Sukanagara, Kecamatan Soreang <br>\r\n Kabupaten Bandung, Jawa Barat\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex justify-start md:justify-end\">\r\n <div class=\"bg-green-800 p-6 rounded-2xl w-full max-w-md border border-green-700 text-center\">\r\n <h4 class=\"text-lg font-bold text-white mb-2\">Informasi Pendaftaran<\/h4>\r\n <p class=\"text-sm mb-4\">Hubungi kami untuk informasi lebih lanjut mengenai pendaftaran santri baru.<\/p>\r\n <a href=\"https:\/\/wa.me\/6282116422362\" target=\"_blank\" class=\"inline-flex bg-green-500 hover:bg-green-600 text-white font-bold py-3 px-6 rounded-xl w-full transition shadow-lg items-center justify-center gap-2\">\r\n <i class=\"fab fa-whatsapp text-2xl\"><\/i> Hubungi WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"max-w-7xl mx-auto px-4 mt-12 pt-6 border-t border-green-800 text-center text-sm opacity-60\">\r\n © 2026 Anshorussunnah Boarding School. All rights reserved.\r\n <\/div>\r\n <\/footer>\r\n\r\n <\/div> \r\n\r\n \r\n <div class=\"fixed bottom-3 right-3 sm:bottom-5 sm:right-5 z-[9999] flex flex-col items-end max-w-[calc(100vw-1.5rem)]\">\r\n \r\n \r\n <div id=\"wa-popup\" class=\"bg-white rounded-xl shadow-xl overflow-hidden mb-2 w-52 sm:w-64 border border-gray-100 max-w-full\">\r\n <div class=\"bg-green-600 p-2 sm:p-2.5 text-white flex justify-between items-center\">\r\n <div class=\"flex items-center gap-2\">\r\n <div class=\"w-7 h-7 sm:w-8 sm:h-8 bg-white rounded-full flex items-center justify-center text-green-600 shrink-0\">\r\n <i class=\"fas fa-user-tie text-[10px] sm:text-xs\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-[11px] sm:text-xs\">Admin Sekolah<\/h4>\r\n <p class=\"text-[9px] sm:text-[10px] opacity-80 leading-none\">Online<\/p>\r\n <\/div>\r\n <\/div>\r\n <button onclick=\"toggleWaPopup()\" class=\"text-white hover:text-gray-200 p-1\">\r\n <i class=\"fas fa-times text-xs sm:text-sm\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <div class=\"p-2 sm:p-3 bg-gray-50\">\r\n <div class=\"bg-white p-2 rounded shadow-sm text-[10px] sm:text-xs text-gray-700 border border-gray-100 mb-2 inline-block leading-snug\">\r\n Assalamu'alaikum. <br>Bisa kami bantu?\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/6282116422362\" target=\"_blank\" class=\"flex text-center bg-green-500 hover:bg-green-600 text-white font-bold py-1.5 px-3 rounded-lg transition w-full items-center justify-center gap-1.5 text-[11px] sm:text-xs\">\r\n <i class=\"fab fa-whatsapp text-sm\"><\/i> Chat Sekarang\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <button onclick=\"toggleWaPopup()\" class=\"w-10 h-10 sm:w-12 sm:h-12 bg-green-500 hover:bg-green-600 text-white rounded-full shadow-lg flex items-center justify-center text-xl transition-transform transform hover:scale-105 relative border-2 border-white shrink-0\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n \r\n <span class=\"absolute top-0 right-0 w-2.5 h-2.5 bg-red-500 border-2 border-white rounded-full\"><\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <script>\r\n function toggleWaPopup() {\r\n const popup = document.getElementById('wa-popup');\r\n popup.classList.toggle('active');\r\n }\r\n\r\n \/\/ Auto show popup after 5 seconds\r\n setTimeout(() => {\r\n const popup = document.getElementById('wa-popup');\r\n if(!popup.classList.contains('active')) {\r\n popup.classList.add('active');\r\n }\r\n }, 5000);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Anshorussunnah Boarding School \ud83c\uddee\ud83c\udde9 Selamat Datang di situs resmi sekolah Anshorussunnah Boarding School \u2022 \ud83c\uddf8\ud83c\udde6 \u0623\u0647\u0644\u0627 \u0648\u0633\u0647\u0644\u0627 \u0628\u0643\u0645 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0633\u0645\u064a \u0644\u0645\u0639\u0647\u062f \u0623\u0646\u0635\u0627\u0631 \u0627\u0644\u0633\u0646\u0629 \u2022 \ud83c\uddec\ud83c\udde7 Welcome to the official website of Anshorussunnah Boarding School Sekolah Khusus Ikhwan Dengan Masa Belajar 6 Tahun ANSHORUSSUNNAH BOARDING SCHOOL Mencetak generasi Tafaqquh fiddin yang beraqidah Ahlussunnah Wal Jama’ah […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/anshorussunnahbs.com\/index.php\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anshorussunnahbs.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anshorussunnahbs.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anshorussunnahbs.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anshorussunnahbs.com\/index.php\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":56,"href":"https:\/\/anshorussunnahbs.com\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":105,"href":"https:\/\/anshorussunnahbs.com\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions\/105"}],"wp:attachment":[{"href":"https:\/\/anshorussunnahbs.com\/index.php\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}