Contoh Coding Website Undangan Wedding HTML, CSS, Bootstrap, dan JavaScript

Menambahkan Detail Acara dan Google Maps

Setiap acara ditempatkan dalam card yang berisi jenis acara, tanggal, waktu, tempat, alamat, dan tombol peta. Contoh:

<article class="event-card h-100">
  <h3>Resepsi</h3>
  <p>Minggu, 20 Desember 2026</p>
  <p><strong>18.00–21.00 WITA</strong></p>
  <p>Aruna Garden Hall, Ubud, Bali</p>
  <a href="https://maps.google.com/" target="_blank" rel="noopener">
    Buka Peta
  </a>
</article>

Ganti tautan dengan URL lokasi sebenarnya. rel="noopener" disertakan ketika tautan dibuka pada tab baru.