Design Bootstrap

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

Panduan membuat website undangan wedding elegan dan responsif lengkap dengan countdown, detail acara, galeri, RSVP, dan source code.

Contoh coding Contoh Coding Website Undangan Wedding HTML, CSS, Bootstrap, dan JavaScript
Langkah 3 dari 9

Membuat Hero dan Profil Pasangan

Hero memakai foto lokal sebagai background, sehingga tampilan tidak bergantung pada layanan gambar eksternal:

.hero {
  min-height: 100vh;
  background:
    linear-gradient(0deg, rgba(19,32,26,.82), rgba(19,32,26,.08) 60%),
    url('hero.webp') center/cover;
}

Profil pasangan menggunakan grid Bootstrap row dan col-md-*. Pada perangkat desktop, kedua profil tampil berdampingan; pada mobile, kolom tersusun vertikal.

Referensi Lain

Contoh coding terkait