<div class="program-content">

<p><em><strong>Di sudut Kota Semarang, berdiri sebuah rumah sederhana yang mungkin tidak banyak orang perhatikan. Namun di dalamnya, ada anak-anak yang sedang berjuang melanjutkan hidup tanpa kehadiran orang tua.</strong></em></p>

<p>Panti Asuhan Al Jannah bukan hanya sekadar tempat tinggal. Ini adalah rumah bagi mereka yang kehilangan pelukan hangat, kehilangan tempat pulang, dan kehilangan sosok yang seharusnya selalu ada dalam setiap langkah hidup mereka.</p>

<p>Di sinilah mereka belajar kembali arti kasih sayang. Belajar memahami kehidupan. Dan perlahan… belajar untuk tetap kuat, meski dunia tidak selalu berpihak pada mereka.</p>

<hr>

<h2>Tentang Kami</h2>

<p>Panti Asuhan Al Jannah adalah lembaga sosial yang berkomitmen untuk merawat, membina, dan mendidik anak-anak yatim, piatu, dan dhuafa.</p>

<p>Namun bagi kami, ini bukan sekadar program sosial. Kami berusaha menjadi keluarga bagi mereka. Tempat di mana mereka bisa merasa aman, dihargai, dan dicintai.</p>

<p>Setiap hari, kami mendampingi mereka tumbuh. Bukan hanya secara fisik, tetapi juga secara mental dan spiritual. Kami ingin mereka tetap memiliki harapan, tetap memiliki mimpi, dan tetap percaya bahwa masa depan mereka masih bisa diperjuangkan.</p>

<p>Namun di balik senyum yang mereka tunjukkan, ada cerita yang tidak selalu mudah. Ada kehilangan, ada kesedihan, dan ada perjuangan yang mereka simpan dalam diam.</p>

<hr>

<h2>Kondisi Saat Ini</h2>

<p>Setiap hari, kami berusaha memenuhi kebutuhan dasar anak-anak:</p>

<ul>
<li>Makanan yang layak</li>
<li>Pendidikan yang memadai</li>
<li>Kesehatan yang terjaga</li>
<li>Pembinaan akhlak dan agama</li>
</ul>

<p>Namun dalam perjalanan ini, kami dihadapkan pada keterbatasan yang tidak ringan.</p>

<p>Terkadang kami harus mengatur pengeluaran dengan sangat hati-hati, hanya agar semua anak tetap bisa makan setiap hari.</p>

<p>Ada saat di mana kebutuhan penting harus ditunda, bukan karena tidak penting, tetapi karena kondisi belum memungkinkan.</p>

<p>Kami terus berusaha semaksimal mungkin, namun kami menyadari… kami tidak bisa berjalan sendiri.</p>

<hr>

<h2>Harapan Anak-Anak Kami</h2>

<p>Mereka tidak meminta hal-hal besar. Tidak pernah menuntut kemewahan.</p>

<p>Harapan mereka sederhana:</p>

<ul>
<li>Bisa tetap sekolah dengan tenang</li>
<li>Memiliki pakaian yang layak</li>
<li>Makan tanpa rasa khawatir</li>
<li>Merasa tidak sendiri di dunia ini</li>
</ul>

<p>Bagi kita mungkin itu hal biasa. Namun bagi mereka, itu adalah kebahagiaan yang sangat berarti.</p>

<hr>

<h2>Mengapa Kami Membutuhkan Anda</h2>

<p>Setiap bantuan yang Anda berikan bukan sekadar angka.</p>

<p>Itu adalah:</p>

<ul>
<li>Sepiring makanan untuk anak yang membutuhkan</li>
<li>Pendidikan untuk masa depan mereka</li>
<li>Harapan yang kembali tumbuh</li>
<li>Bukti bahwa masih ada yang peduli</li>
</ul>

<p>Kebaikan Anda, sekecil apa pun, akan sangat berarti bagi kehidupan mereka.</p>

<hr>

<h2>Mari Menjadi Bagian dari Kebaikan Ini</h2>

<p>Kami percaya bahwa setiap kebaikan tidak akan pernah sia-sia.</p>

<p>Melalui Anda, anak-anak di Panti Asuhan Al Jannah bisa terus bertahan, terus belajar, dan terus bermimpi tentang masa depan yang lebih baik.</p>

<p>Mungkin bagi kita ini hanya sedikit. Namun bagi mereka… ini adalah segalanya.</p>

<hr>

<h2>Salurkan Donasi Anda</h2>

<p>Anda dapat menyalurkan donasi melalui rekening berikut:</p>

<!-- REKENING BRI -->

<div style="border:1px solid #e2e8e5; border-radius:12px; padding:20px; margin:20px 0; background:#fafcfb;">

<div style="font-size:17px; font-weight:700; margin-bottom:8px;">
Bank BRI
</div>

<div style="font-size:24px; font-weight:700; letter-spacing:1px; margin-bottom:5px;">
136901000387306
</div>

<div style="margin-bottom:15px;">
a.n Yayasan Al Jannah Semarang
</div>

<button
type="button"
onclick="copyRekening('136901000387306', this)"
style="
background:#087f3d;
color:#ffffff;
border:none;
padding:11px 17px;
border-radius:7px;
cursor:pointer;
font-weight:700;
font-size:14px;
">
📋 Salin Nomor Rekening
</button>

</div>

<!-- REKENING BSI -->

<div style="border:1px solid #e2e8e5; border-radius:12px; padding:20px; margin:20px 0; background:#fafcfb;">

<div style="font-size:17px; font-weight:700; margin-bottom:8px;">
Bank BSI
</div>

<div style="font-size:24px; font-weight:700; letter-spacing:1px; margin-bottom:5px;">
7036542211
</div>

<div style="margin-bottom:15px;">
a.n PA Al Jannah
</div>

<button
type="button"
onclick="copyRekening('7036542211', this)"
style="
background:#087f3d;
color:#ffffff;
border:none;
padding:11px 17px;
border-radius:7px;
cursor:pointer;
font-weight:700;
font-size:14px;
">
📋 Salin Nomor Rekening
</button>

</div>

<!-- KONFIRMASI -->

<div style="
margin:25px 0;
padding:20px;
border-radius:12px;
background:#f4faf6;
">

<strong>Sudah melakukan donasi?</strong>

<p style="margin:8px 0 15px 0;">
Silakan konfirmasi donasi atau hubungi kami untuk mendapatkan informasi QRIS.
</p>

<a
href="https://wa.me/6282137933357"
target="_blank"
rel="noopener"
style="
display:inline-block;
background:#087f3d;
color:#ffffff;
padding:12px 20px;
border-radius:7px;
text-decoration:none;
font-weight:700;
">
Hubungi WhatsApp
</a>

</div>

<hr>

<h2>Alamat Panti</h2>

<p>
<strong>Panti Asuhan Al Jannah</strong><br>
Jalan Tapak No. 53, Kelurahan Tugurejo,<br>
Kecamatan Tugu, Kota Semarang
</p>

<p>
<a
href="https://g.co/kgs/RNNH4YH"
target="_blank"
rel="noopener"
style="
display:inline-block;
padding:11px 18px;
border:1px solid #087f3d;
color:#087f3d;
border-radius:7px;
text-decoration:none;
font-weight:700;
">
📍 Lihat Lokasi di Google Maps
</a>
</p>

<hr>

<!-- PESAN PENUTUP -->

<div style="
margin:30px 0;
padding:25px;
background:#f7f9f8;
border-left:4px solid #087f3d;
border-radius:5px;
text-align:center;
">

<p style="margin:0; line-height:1.8;">
<em>
“Ketika dunia terasa tidak adil bagi mereka,<br>
semoga Allah menghadirkan orang-orang baik<br>
yang menjadi jalan rezeki dan harapan.”
</em>
</p>

</div>

</div>

<!-- COPY REKENING -->

<script>
function copyRekening(nomor, tombol) {

if (navigator.clipboard && window.isSecureContext) {

navigator.clipboard.writeText(nomor).then(function() {

tampilkanBerhasil(tombol);

}).catch(function() {

copyFallback(nomor, tombol);

});

} else {

copyFallback(nomor, tombol);

}
}

function copyFallback(nomor, tombol) {

var textarea = document.createElement("textarea");

textarea.value = nomor;
textarea.style.position = "fixed";
textarea.style.opacity = "0";

document.body.appendChild(textarea);

textarea.focus();
textarea.select();

try {
document.execCommand("copy");
tampilkanBerhasil(tombol);
} catch (err) {
tombol.innerHTML = "Silakan salin manual";
}

document.body.removeChild(textarea);
}

function tampilkanBerhasil(tombol) {

var teksAwal = tombol.innerHTML;

tombol.innerHTML = "✓ Berhasil Disalin";

setTimeout(function() {
tombol.innerHTML = teksAwal;
}, 2000);
}
</script>

<!-- STYLE -->

<style>

.program-content {
line-height:1.8;
}

.program-content p {
margin:0 0 18px 0;
}

.program-content h2 {
margin-top:32px;
margin-bottom:16px;
line-height:1.35;
}

.program-content ul {
margin:0 0 22px 25px;
}

.program-content li {
margin-bottom:8px;
}

.program-content hr {
border:0;
border-top:1px solid #e5e5e5;
margin:35px 0;
}

@media (max-width:600px) {

.program-content {
font-size:16px;
line-height:1.75;
}

.program-content h2 {
font-size:23px;
}

}

</style>