Membuat Navbar dengan CSS3 dan HTML 5

Tutorial Membuat Website Personal Statis #1

Buatlah File index.html , main.css dan main.js di folder project kalian. disini saya menggunakan codepen.io sebagai editor untuk preview onlineya. codepen juga memudahkan kita untuk copas codenya.

Di Codepen ada 3 bagian yaitu html css dan javascript. silahkan kalian copy htmlnya ke file index.html, dan cssnya ke file main.css , setelah itu buka file index.html di browser. pastikan file html, css dan js nya berada pada 1 folder yang sama.

Dan untuk preview onlinya silahkan temen temen klik gambar dibawah ini.

Penjelasan Coding CSS :