:root { --color-bg: #0c1445; --color-white: #f0f8ff; --color-gold: #D4AF37; --color-grey: #b0c4de; --font-heading: 'Allura', cursive; --font-body: 'Cormorant Garamond', serif; } body, html { margin: 0; padding: 0; background-color: var(--color-bg); color: var(--color-white); font-family: var(--font-body); font-size: 18px; scroll-behavior: smooth; overflow-x: hidden; } #particle-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } /* === Cover Splash Screen & Animasi Pembuka === */ #cover-splash { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background-color: var(--color-bg); display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; transition: opacity 1.5s ease-out; } #cover-splash.hidden { opacity: 0; pointer-events: none; } .cover-content>* { opacity: 0; animation: fadeIn-up 1.2s forwards; } .cover-content .bismillah { font-family: var(--font-heading); font-size: 2.5rem; color: var(--color-gold); margin-bottom: 20px; animation-delay: 0.2s; } .cover-content p { font-size: 1.2rem; color: var(--color-grey); animation-delay: 0.5s; } .cover-content h1 { font-family: var(--font-heading); font-size: clamp(3rem, 12vw, 5rem); color: var(--color-white); font-weight: 400; margin: 10px 0; text-shadow: 0 0 10px var(--color-gold); animation-delay: 0.8s; } #enter-button { background: transparent; border: 1px solid var(--color-gold); color: var(--color-gold); padding: 10px 25px; font-family: var(--font-body); font-weight: 600; font-size: 1rem; border-radius: 50px; cursor: pointer; margin-top: 20px; transition: all 0.3s; animation-delay: 1.2s; } #enter-button:hover { background-color: var(--color-gold); color: var(--color-bg); } @keyframes fadeIn-up { from { transform: translateY(30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } /* === Main Content Styling === */ .container { max-width: 700px; margin: 0 auto; padding: 50px 20px; position: relative; } section { padding: 40px 0; text-align: center; opacity: 0; transform: translateY(30px); transition: opacity 0.8s, transform 0.8s; } section.visible { opacity: 1; transform: translateY(0); } .main-illustration { width: 80%; max-width: 350px; margin-bottom: 20px; } .quran-quote { font-size: 1.2rem; font-style: italic; color: var(--color-grey); max-width: 500px; margin: 0 auto; line-height: 1.6; } .section-title { font-family: var(--font-heading); font-size: 3.5rem; font-weight: 400; margin-bottom: 30px; color: var(--color-gold); } .baby-name { font-family: var(--font-heading); font-size: 3rem; color: var(--color-white); margin: 10px 0; } .parents-name { font-size: 1.3rem; color: var(--color-grey); } .info-card { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(212, 175, 55, 0.3); border-radius: 15px; padding: 30px; margin-top: 20px; } .info-card ul { list-style: none; padding: 0; font-size: 1.2rem; line-height: 2; } .info-card ul li i { margin-right: 15px; color: var(--color-gold); width: 20px; text-align: center; } .btn { display: inline-block; background-color: var(--color-gold); color: var(--color-bg); padding: 12px 25px; font-family: var(--font-body); font-weight: 600; text-decoration: none; border-radius: 50px; margin: 10px 5px; transition: transform 0.3s; border: none; font-size: 1rem; cursor: pointer; } .btn:hover { transform: scale(1.05); } #hero-img { display: flex; flex-direction: column; align-items: center; justify-content: center; } /* [BARU] Galeri Foto */ .gallery-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-top: 20px; } .gallery-item img { width: 100%; height: 200px; object-fit: cover; border-radius: 10px; cursor: pointer; transition: transform 0.3s, box-shadow 0.3s; border: 2px solid var(--color-gold); } .gallery-item img:hover { transform: scale(1.03); box-shadow: 0 0 15px var(--color-gold); } #lightbox { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); display: none; justify-content: center; align-items: center; } #lightbox.active { display: flex; } #lightbox img { max-width: 90%; max-height: 80%; border: 3px solid var(--color-gold); border-radius: 5px; } /* [BARU] Buku Tamu & Doa */ #wish-form { max-width: 500px; margin: 20px auto; text-align: left; } .form-group { margin-bottom: 15px; } .form-group input, .form-group textarea { width: 100%; padding: 12px; border-radius: 8px; border: 1px solid var(--color-gold); background-color: rgba(255, 255, 255, 0.05); color: var(--color-white); font-size: 1rem; font-family: var(--font-body); } #wish-list { margin-top: 40px; max-height: 400px; overflow-y: auto; padding-right: 10px; } .wish-item { background: rgba(255, 255, 255, 0.05); border-radius: 10px; padding: 15px; margin-bottom: 15px; text-align: left; } .wish-item .wish-name { font-weight: 700; color: var(--color-gold); } .wish-item .wish-text { margin-top: 5px; color: var(--color-grey); } /* [BARU] Music Control */ #music-control { position: fixed; bottom: 20px; right: 20px; z-index: 99; background-color: var(--color-gold); border-radius: 50%; width: 45px; height: 45px; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 15px var(--color-gold); opacity: 0; transition: opacity 0.5s; color: var(--color-bg); } #music-control.visible { opacity: 0.8; } #music-control i { font-size: 1.2rem; } footer { margin-top: 50px; font-size: 1.2rem; color: var(--color-grey); }
🎨 Preview Template: Litle Stars | Kategori: Aqiqah
← Kembali ke Gallery ✨ Daftar untuk Menggunakan
Akikah Putra Kami: Muhammad Arif
Bismillahirrohmanirrohim

Kepada Yth. Keluarga Besar Rahman

Muhammad Arif

Dengan Memohon Ridho Allah SWT

Muhammad Arif Illustration

"Dengan memanjatkan puji syukur kepada Allah SWT atas nikmat yang diberikan"

Akikah Putra Kami

Dengan memanjatkan puji syukur kepada Allah SWT atas nikmat yang diberikan

Muhammad Arif

Putra/Putri dari Ayah Bapak Andi Wijaya & Bunda Ibu Sari Dewi

  • Lahir pada Sunday, 2026-04-12
  • Anak ke-1 dari Keluarga Bapak Andi Wijaya

Dengan memohon Ridho Allah SWT, kami mengundang Bapak/Ibu/Saudara/i untuk hadir dalam acara Akikah Putra Kami yang Insya Allah akan diselenggarakan pada:

  • Thursday, 2026-05-04
  • Pukul 19:00 - 23:00
  • Rumah Keluarga Besar
  • Jl. Senopati No. 88, Jakarta Selatan
Lihat di Peta Simpan Tanggal

Rundown Acara

  • 09:00-10:30 - Agenda Akikah
  • 10:45-12:00 - Doa dan Harapan
  • 13:00-14:30 - Penutupan
  • 14:45-16:00 - Makan Bersama

Doa Aqiqah:

"Ya Allah, berkahilah anak ini dan jadikanlah dia anak yang sholeh"

Buku Doa & Konfirmasi Kehadiran

Konfirmasi Kehadiran

Mohon konfirmasi kehadiran Anda untuk membantu persiapan acara yang lebih baik.

Buku Doa

Keluarga Bapak Andi Wijaya

Semoga Muhammad Arif menjadi anak yang sholeh/sholehah, kebanggaan ayah dan bunda. Sehat selalu, cucu tersayang!

Tanda Kasih

Doa restu Anda adalah hadiah terindah. Namun jika berkenan memberikan tanda kasih, dapat disalurkan melalui:

GoPay
081234567890
a.n. Ahmad Rizki

Atas kehadiran dan doa restunya, kami ucapkan terima kasih.
Jazaakumullahu Khairan Katsiran.

Kami yang Berbahagia,

Keluarga Bapak Andi Wijaya