Artikel ini merupakan kelanjutan artikel sebelumnya (Bootstrap only company profile ) bagaimana kita membuat tampilan website hanya menggunakan Bootstrap saja yang bertujuan membuat sistematika yang tersusun baik dalam pembuatan website. Kali ini kita akan mempelajari tampilan home.
Dari template Bootstrap yang ada di http://getbootstrap.com/getting-started/#examples kita akan memilih template yang akan digunakan untuk halaman home. Template-template yang memberikan inspirasi untuk halaman home adalah
- http://getbootstrap.com/examples/jumbotron-narrow/
Tampilan pada http://getbootstrap.com/examples/jumbotron-narrow/ adalah seperti berikut ini:
Pada template ini memberikan inspirasi kepada kita lokasi image home dan juga list artikel atau list berita terpilih - http://getbootstrap.com/examples/jumbotron/
Pada http://getbootstrap.com/examples/jumbotron/ tampilan akan seperti berikut ini
Pada template ini kita akan mempelajari tampilan untuk list berita terpilih atau list artikel terpilih pada home - http://getbootstrap.com/examples/carousel/
Carousel dapat dipelajari di http://getbootstrap.com/javascript/#carousel. Pada http://getbootstrap.com/examples/carousel/ kita akan mempelajari slide show menggunakan Bootstrap dengan tampilan seperti berikut ini:
Kunjungi www.proweb.co.id untuk menambah wawasan anda.
Tampilan home bootstrap only