Tugas 5: Bootstrap
Posted March 18th 2023
Landing Page dengan Bootstrap
Rayssa Ravelia / 5025211219 / PWEB (A)
Posted March 18th 2023
Rayssa Ravelia / 5025211219 / PWEB (A)
Bootstrap adalah salah satu framework CSS (Cascading Style Sheet) yang digunakan untuk memudahkan dalam desain tampilan website. Bootstrap menyediakan berbagai komponen siap pakai seperti grid system, typography, form, button, navbar, dan masih banyak lagi.
Website dengan framework Bootstrap memiliki beberapa keuntungan, di antaranya:
Responsif
Bootstrap menyediakan grid system yang memungkinkan tampilan website dapat menyesuaikan dengan berbagai ukuran layar. Hal ini memudahkan pengguna untuk melihat website dari perangkat apapun, baik itu desktop, tablet, maupun smartphone.
Mudah dikustomisasi
Bootstrap menyediakan berbagai komponen yang siap pakai, namun juga dapat dengan mudah dikustomisasi sesuai dengan kebutuhan desain tampilan website.
Konsisten
Dengan menggunakan Bootstrap, tampilan website konsisten di seluruh halaman website. Hal ini dapat meningkatkan kualitas pengalaman pengguna saat mengunjungi website.
Mudah diintegrasikan
Bootstrap dapat dengan mudah diintegrasikan dengan berbagai platform website seperti WordPress, Drupal, dan Joomla.
Gratis
Bootstrap adalah framework CSS yang open-source dan gratis untuk digunakan. Hal ini memudahkan pengembang website untuk menghemat biaya dalam pembuatan tampilan website.
Dalam praktiknya, website dengan framework Bootstrap akan memiliki tampilan yang modern, responsif, dan lebih mudah untuk dikustomisasi.
Berikut ini adalah landing page menggunakan framework Bootstrap yang telah saya buat
Link github : github
Link deploy web: deploy
Screenshot web (desktop view):
Screenshot web (mobile view)