Pada artikel ini saya akan membagikan tutorial membuat landing page menggunakan HTML, CSS, dan Bootstrap. Simak artikel ini sampai habis ya! Show Landing page adalah halaman yang dibuka oleh user setelah mengklik sesuatu terlebih dahulu. Tidak hanya pada website, tetapi sebutan “landing page” juga berlaku pada platform lain seperti media sosial, email, iklan berbayar, dan sebagainya. Jika biasanya halaman website berisi banyak link dan menu, landing page dirancang untuk mengarahkan pengunjung agar melakukan suatu tindakan yang spesifik. Walaupun berada pada satu website yang sama, landing page sebenarnya dibuat secara terpisah. Hal ini bertujuan untuk menjauhkan user dari link atau menu lain yang bisa mengalihkan perhatian user. Dari sini dapat disimpulkan bahwa landing page yang baik adalah landing page yang berorientasi pada “action” yang akan dilakukan user. Untuk Apa Saja Penggunaan Landing Page?Halaman ini dapat digunakan untuk mendorong berbagai jenis kampanye, mulai dari iklan, email marketing, kampanye media sosial, dan sebagainya. Berikut beberapa penggunaan landing page lainnya:
Landing page harus dibuat secara unik dan disesuaikan dengan tujuannya. Dengan begitu, user bisa fokus dan melakukan action yang kita inginkan. Berikut adalah contoh landing page sederhana yang dibuat dengan HTML, CSS dan Bootstrap. Baca Juga : Serunya Belajar Full Stack Web Development di Intensive Bootcamp Gamelab Indonesia Cara Membuat Landing PagePertama kita perlu membuat starter template dengan cara menyalin source code dari website Bootstrap seperti pada gambar berikut, Membuat index.htmlBuatlah file index.html dan masukkan script berikut.
Selanjutnya edit, hapus, dan gunakan yang kita perlukan. Berikut contohnya:
Membuat Navbar
Berikut hasil dari source code di atas Membuat Jumbotronindex.html
0Hasil dari source code di atas Membuat Aboutindex.html
Hasil dari source code di atas Membuat Desainindex.html
Hasil dari source code di atas Membuat Testimoniindex.html
Hasil dari source code di atas Membuat Contactindex.html
Hasil dari source code di atas Membuat Footerindex.html
Hasil dari source code di atas Membuat style.css
Demikian tutorial dari saya tentang membuat landing page sederhana dengan menggunakan HTML, CSS, dan Bootstrap. Buat kamu yang ingin belajar pembuatan website dari 0, saya sarankan untuk ambil learning path frontend web developer dari Gamelab. Materinya disusun dengan runtut dan mudah dipahami bahkan oleh pemula. Yuk cobain!
|