SABDA AI

<!doctype html> <html lang="id"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>SABDA AI</title>  <script src="https://cdn.tailwindcss.com"></script> <script> tailwind.config = { theme: { extend: { colors: { primary: "#427aa1", dark: "#064789", light: "#ebf2fa" }, }, }, }; </script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap" rel="stylesheet"> <style type="text/tailwindcss"> .font-Lexend { font-family: "Lexend", serif; } </style>    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.6.0/remixicon.min.css" crossorigin="anonymous"/>  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css" />  <script src="https://code.jquery.com/jquery-3.7.1.min.js" crossorigin="anonymous"></script>  <script src="https://cdn.jsdelivr.net/gh/mcstudios/glightbox/dist/js/glightbox.min.js"></script> </head> <body class="font-Lexend"> <main>  <header class='shadow-md bg-light font-sans tracking-wide z-50 sticky top-0'> <section class="flex items-center justify-center flex-wrap gap-5 relative py-3 sm:px-10 px-4 border-gray-200 border-b lg:min-h-[80px] max-lg:min-h-[60px]"> <a href="javascript:void(0)"> <img src="https://ai.sabda.org/images/logo.png" alt="logo" class="md:w-[170px] w-32" /> </a> </section> <div class='flex flex-wrap py-3.5 px-10 overflow-x-auto'> <div id="collapseMenu" class='w-full max-lg:hidden lg:!block max-lg:before:fixed max-lg:before:bg-black max-lg:before:opacity-50 max-lg:before:inset-0 max-lg:before:z-50'> <button id="toggleClose" class='lg:hidden fixed top-2 right-4 z-[100] rounded-full bg-white w-9 h-9 flex items-center justify-center border'> <svg xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5 fill-black" viewBox="0 0 320.591 320.591"> <path d="M30.391 318.583a30.37 30.37 0 0 1-21.56-7.288c-11.774-11.844-11.774-30.973 0-42.817L266.643 10.665c12.246-11.459 31.462-10.822 42.921 1.424 10.362 11.074 10.966 28.095 1.414 39.875L51.647 311.295a30.366 30.366 0 0 1-21.256 7.288z" data-original="#000000"></path> <path d="M287.9 318.583a30.37 30.37 0 0 1-21.257-8.806L8.83 51.963C-2.078 39.225-.595 20.055 12.143 9.146c11.369-9.736 28.136-9.736 39.504 0l259.331 257.813c12.243 11.462 12.876 30.679 1.414 42.922-.456.487-.927.958-1.414 1.414a30.368 30.368 0 0 1-23.078 7.288z" data-original="#000000"></path> </svg> </button> <ul class='lg:flex lg:justify-center lg:gap-x-10 max-lg:space-y-3 max-lg:fixed max-lg:bg-white max-lg:w-1/2 max-lg:min-w-[300px] max-lg:top-0 max-lg:left-0 max-lg:p-6 max-lg:h-full max-lg:shadow-md max-lg:overflow-auto z-50'> <li class='mb-6 hidden max-lg:block'> <a href="javascript:void(0)"><img src="https://ai.sabda.org/images/logo.png" alt="logo" class='w-36' /> </a> </li> <li class='max-lg:border-b max-lg:py-3'><a href='https://ai.sabda.org/' class='hover:text-[#007bff] text-gray-500 font-bold text-[15px] block'>Home</a></li> <li class='max-lg:border-b max-lg:py-3'><a href='https://ai.sabda.org/event' class='hover:text-[#007bff] text-gray-500 font-bold text-[15px] block'>Event</a></li> <li class='max-lg:border-b max-lg:py-3'><a href='https://ai.sabda.org/article' class='hover:text-[#007bff] text-gray-500 font-bold text-[15px] block'>Article</a></li> <li class='max-lg:border-b max-lg:py-3'><a href='https://ai.sabda.org/gptstore' class='hover:text-[#007bff] text-gray-500 font-bold text-[15px] block'>AI Tools</a></li> <li class='max-lg:border-b max-lg:py-3'><a href='https://ai.sabda.org/komunitas' class='hover:text-[#007bff] text-gray-500 font-bold text-[15px] block'>Community</a></li> <li class='max-lg:border-b max-lg:py-3'><a href='https://ai.sabda.org/about' class='hover:text-[#007bff] text-gray-500 font-bold text-[15px] block'>About</a></li> </ul> </div> <div class='flex ml-auto lg:hidden'> <button id="toggleOpen"> <svg class="w-7 h-7" fill="#000" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path> </svg> </button> </div> </div> </header><style> /* HEADER */ #sitemap-header { background: linear-gradient(135deg, #0a0f24, #1b3da0); color: white; padding: 60px 0; text-align: center; } #sitemap-header .highlight { color: #ffcc00; font-weight: bold; } /* CONTAINER */ .sitemap-container { background: white; border-radius: 10px; padding: 25px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); max-width: 700px; margin: auto; } /* LIST STYLE */ .sitemap-list { list-style: none; padding: 0; } .sitemap-list li { margin: 10px 0; } .sitemap-link { display: flex; align-items: center; text-decoration: none; color: #1b3da0; font-weight: 500; padding: 12px; border-radius: 5px; transition: 0.3s; background: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .sitemap-link:hover { background: #1b3da0; color: white; } .icon { margin-right: 10px; font-size: 18px; } /* SUB MENU */ .sub-menu { display: none; list-style: none; padding-left: 20px; margin-top: 5px; } .sub-menu.active { display: block; animation: fadeIn 0.5s ease-in-out; } /* ARROW ICON */ .arrow { margin-left: auto; transition: transform 0.3s; } .arrow.rotate { transform: rotate(90deg); } /* ANIMASI */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } } </style> <header class="header-2"> <div class="page-header d-flex align-items-center justify-content-center text-center" id="sitemap-header"> <div class="container"> <h1 class="fw-bold">📌 Sitemap</h1> <p> Navigasi lengkap ke seluruh halaman utama di <a href="https://ai.sabda.org" class="highlight">ai.sabda.org</a>. </p> </div> </div> </header> <div class="container mt-5"> <div class="sitemap-container"> <h3 class="text-center mb-4">🔗 Struktur Navigasi</h3> <ul class="sitemap-list">  <li> <a href="https://ai.sabda.org/" class="sitemap-link"> <span class="icon">🏠</span> Home </a> </li>  <li class="has-sub"> <a href="#" class="sitemap-link toggle-btn"> <span class="icon">🎟️</span> Event <span class="arrow">▶</span> </a> <ul class="sub-menu"> <li><a href="https://ai.sabda.org/event?category=seminar">📅 Seminar</a></li> <li><a href="https://ai.sabda.org/event?category=roadshow-archive">🚗 Roadshow Archive</a></li> <li><a href="https://ai.sabda.org/event?category=office-hour-archive">🏢 Office Hour Archive</a></li> <li><a href="https://ai.sabda.org/event?category=special-events">🎉 Special Events</a></li> </ul> </li>  <li class="has-sub"> <a href="#" class="sitemap-link toggle-btn"> <span class="icon">📝</span> Articles <span class="arrow">▶</span> </a> <ul class="sub-menu"> <li><a href="https://ai.sabda.org/article?category=AI4Bible">📖 AI-4-Bible</a></li> <li><a href="https://ai.sabda.org/article?category=AI4Education">🎓 AI-4-Education</a></li> <li><a href="https://ai.sabda.org/article?category=AI4General">🌍 AI-4-General</a></li> <li><a href="https://ai.sabda.org/article?category=AI4Mission/Ministry">🤝 AI-4-Ministry</a></li> </ul> </li>  <li> <a href="https://ai.sabda.org/gpt-store" class="sitemap-link"> <span class="icon">🛍️</span> GPT Store </a> </li>  <li> <a href="https://ai.sabda.org/komunitas" class="sitemap-link"> <span class="icon">👥</span> Community </a> </li>  <li> <a href="https://ai.sabda.org/about" class="sitemap-link"> <span class="icon">ℹ️</span> About </a> </li> </ul> </div> </div> <script> document.querySelectorAll('.toggle-btn').forEach(btn => { btn.addEventListener('click', function(event) { event.preventDefault(); let submenu = this.nextElementSibling; submenu.classList.toggle('active'); this.querySelector('.arrow').classList.toggle('rotate'); }); }); </script>  <div class="px-4 pt-16 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8"> <div class="grid gap-10 row-gap-6 mb-8 sm:grid-cols-2 lg:grid-cols-4"> <div class="sm:col-span-2"> <a href="/" aria-label="Go home" title="Company" class="inline-flex items-center"> <img class="max-w-12" src="https://static.sabda.org/sites/images/footer/logo_YLSA.png" alt="YLSA"> <img class="max-w-14 ml-4" src="https://static.sabda.org/sites/images/footer/logo_SABDA.png" alt="SABDA" srcset=""> </a> <div class="mt-6 lg:max-w-sm"> <p class="text-sm text-gray-800"> Bank BCA Cabang Pasar Legi Solo - No. Rekening: 0790266579 - a.n. Yulia Oeniyati </p>  </div> </div> <div class="space-y-2 text-sm"> <p class="text-base font-bold tracking-wide text-gray-900">Contacts</p> <div class="flex"> <p class="mr-1 text-gray-800">WhatsApp:</p> <a href="https://wa.me/628812979100" aria-label="Our phone" title="Our phone" class="transition-colors duration-300 text-deep-purple-accent-400 hover:text-deep-purple-800">0881-2979-100 </a> </div> <div class="flex"> <p class="mr-1 text-gray-800">Email:</p> <a href="mailto:ylsa@sabda.org" aria-label="Our email" title="Our email" class="transition-colors duration-300 text-deep-purple-accent-400 hover:text-deep-purple-800">ylsa@sabda.org</a> </div> <div class="flex"> <p class="mr-1 text-gray-800">Situs:</p> <a href="https://ylsa.org" target="_blank" rel="noopener noreferrer" aria-label="Our address" title="Our address" class="transition-colors duration-300 text-deep-purple-accent-400 hover:text-deep-purple-800 "> ylsa.org </a> <span class="mr-1 ml-1"> - </span> <a href="https://sabda.org" target="_blank" rel="noopener noreferrer" aria-label="Our address" title="Our address" class="transition-colors duration-300 text-deep-purple-accent-400 hover:text-deep-purple-800"> sabda.org </a> </div> </div> <div> <span class="text-base font-bold tracking-wide text-gray-900">Social</span> <div class="flex items-center mt-1 space-x-3"> <a href="https://instagram.com/sabda_ylsa" class="text-gray-500 transition-colors duration-300 hover:text-deep-purple-accent-400"> <i class="ri-instagram-fill"></i> </a> <a href="https://facebook.com/sabda.org" class="text-gray-500 transition-colors duration-300 hover:text-deep-purple-accent-400"> <i class="ri-facebook-circle-fill"></i> </a> <a href="https://twitter.com/sabda_ylsa" class="text-gray-500 transition-colors duration-300 hover:text-deep-purple-accent-400"> <i class="ri-twitter-fill"></i> </a> <a href="https://s.id/medsosYLSA" class="text-gray-500 transition-colors duration-300 hover:text-deep-purple-accent-400"> <i class="ri-links-line"></i> </a> </div> <div class="flex items-center mt-1 space-x-3"> <a href="https://www.youtube.com/@sabdaalkitab" class="text-gray-500 transition-colors duration-300 hover:text-deep-purple-accent-400 max-w-5"> <i class="ri-youtube-fill"></i> </a> <a href="https://podcast.sabda.org/" class="text-gray-500 transition-colors duration-300 hover:text-deep-purple-accent-400 max-w-5"> <i class="ri-spotify-fill"></i> </a> <a href="https://www.slideshare.net/sabda/" class="text-gray-500 transition-colors duration-300 hover:text-deep-purple-accent-400 max-w-5"> <i class="ri-slideshow-line"></i> </a> </div>  </div> </div> <div class="flex flex-col-reverse justify-between pt-5 pb-10 border-t lg:flex-row"> <p class="text-sm text-gray-600"> Copyright © 2023 - <script> document.write(new Date().getFullYear()) </script> Yayasan Lembaga SABDA (YLSA). All Rights Reserved </p> <ul class="flex flex-col mb-3 space-y-2 lg:mb-0 sm:space-y-0 sm:space-x-5 sm:flex-row"> <li> <a href="https://kontak.sabda.org/" class="text-sm text-gray-600 transition-colors duration-300 hover:text-deep-purple-accent-400">Kontak</a> </li> <li> <a href="https://ylsa.org/partisipasi" class="text-sm text-gray-600 transition-colors duration-300 hover:text-deep-purple-accent-400">Partisipasi</a> </li> <li> <a href="https://ylsa.org/donasi" class="text-sm text-gray-600 transition-colors duration-300 hover:text-deep-purple-accent-400">Donasi</a> </li> </ul> </div> </div> </main> </body> <script> var baseURL = "https://ai.sabda.org/"; var thisPage = "sitemap_page"; var urlHeadlessSabdaInfo = "https://headless.sabda.info/index.php/api/"; var pageSize = 21; var pageSizeTime = 2; </script> <script src="https://ai.sabda.org/vendor/glightbox/js/glightbox.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/pagedone@1.2.2/src/js/pagedone.js"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>  <script src="https://ai.sabda.org/scripts/ui_interaction.js"></script> <script src="https://ai.sabda.org/scripts/scripts.js"></script> <script src="https://ai.sabda.org/scripts/pagination.js"></script> </html>

CINXE.COM

SABDA AI