Membuat Template Online Shop Dengan Bootstrap v4

 

Template website adalah salah satu yang terpenting, karena saat user mengunjungi sebuah website atau blog maka yang pertama kali di lihat adalah tampilan dari website tersebut. Bagaimana jika website tersebut memiliki tampilan yang kurang menarik? Dan tentu akan menjadi nilai lebih jika tampilan template website tersebut sangat bagus. apalagi responsive, tetap rapi jika di buka dari segala platform.

Tentu dari permasalah di responsive di atas, Bootstrap telah lama menjadi solusi nya. Dengan menggunakan bootstrap kita tidak perlu lagi mengurusi keresponsive-an template website kita. Kita tinggal menggunakan fitur grid yang sudah tersedia pada bootstrap. 

Persiapan untuk membuat Template

Adapun bahan-bahan yang dibutuhkan untuk membuat template online shop nya, yaitu : 

• Bootstrap, download disini
• jQuery 3.2.1, download disini
• Beberapa gambar, download disini

Tutorial Membuat Template

Setelah teman-teman download bootstrap dan file gambar nya. Letakkan di satu folder yang sama. Seperti gambar dibawah ini:

Langsung saja kita mulai membuat template online shop dengan Bootstrap v4. Disini kita akan membuat halaman dengan nama index.html. Dan ini source code nya: 

Bagian Navigasi Bar

Bagian Konten

Bagian Footer

Jalankan pada browser masing-masing, dan hasilnya seperti ini :

Template telah jadi, mungkin sekian saja tutorial kali ini tentang Membuat Template Online Shop Dengan Bootstrap v4. Semoga bermanfaat. Terima Kasih.