Anda di halaman 1dari 10

Masuk ke dalam website

https://getbootstrap.com/ klik get started


Akan muncul tampilan seperti ini, kemudian
klik components
Copy codingan card example kedalam Text
editor kalian kemudian run in browser
Sekarang masukan gambar dan detail lainya
kedalam barang yg kita jual dengan mengedit isi
kodinganya
Hasilnya
Penjelasan Kodinganya
ml-2 mr-2 = untuk memberikan margin agar card tidak terlalu menempel

<img src="img/produk/slide6.jpg" class="card-img-top" alt="..."> = Lokasi Gambar

bg-light= memberikan warna pada chart

<h5 class="card-title">Kemeja</h5> = judul barang yg akan dijual

<p class="card-text">Kemeja Pria.</p> = deskripsi

<i class="fas fa-star text-success"></i> = memberikan bintang pada produk

<a href="#" class="btn btn-primary">DETAIL</a> =button untuk detail produk

<a href="#" class="btn btn-danger">Rp.275.000</a> =button untuk membeli produk


Jika kita ingin menambahkan produk untuk dijual,
copy codingan produk pertama, kemudain paste
sebanyak jumlah produk yg kita inginkan
Hasilnya

Anda mungkin juga menyukai