Salam hangat teman-teman, semoga sehat selalu ya. Pada kesempatan kali ini saya akan mencoba berbagi tutorial bagaimana Cara Membuat Flat Menu Menggunakan HTML dan CSS.

Menu adalah navigasi pada suatu website. Yang berfungsi untuk mengarahkan ke halaman tertentu pada sebuah website. Di era sekarang banyak orang atau perusahaan menggunakan flat design pada websitenya, karena di nilai lebih efektif untuk SEO nya. Maka dari itu saya akan mencoba membagi tutorial membuat menu flat design.

Ok, langsung saja saya kasih tau Cara Membuat Flat Menu Menggunakan HTML dan CSS.

– Pertama teman-teman buka text editor yang biasa teman-teman pakai seperti sublime text, atom, dan lain-lain.

– Kemudian teman-teman ketikan code HTML di bawah ini:

– Lalu ketikan code css seperti di bawah ini:

– Tambahkan link di dalam tag <head> untuk font dan icon karena di sini saya menggunakan font dari googleapis dan icon dari font awesome seperti di bawah ini:

Sekarang kita lihat hasilnya yah teman-teman.

cara-membuat-flat-menu-menggunakan-html-dan-css

Bagaimana teman-teman mudahkan membuat design flat menu pada sebuah website, dan jangan lupa teman-teman memilih warna yang soft untuk background dan colornya.

Sekian tutorial dari saya kali ini tentang Cara Membuat Flat Menu Menggunakan HTML dan CSS. Selamat mencoba dan tetap jaga kesehatan selalu yah teman-teman.