Membuat Side Menu Menggunakan Framework Foundation

Halo kawan Dumenity, kali ini saya ingin berbagi tentang cara membuat side menu menggunakan framework foundation. untuk lebih jelasnya langsung kita simak saja tutorial berikut.

Download Framework Foundation disini lalu diekstrak, kemudian copy 3 folder berikut kedalam folder project kalian

Selanjutnya buat file html baru dengan nama index.html di dalam folder project kalian.

Sekarang kita buat ketik kode berikut  kedalam file html untuk menghubungkan semua file yang dibutuhkan pada tutorial ini.

Sekarang kita buat struktur untuk navigasi utama dengan mengetikan kode ini dibawah tag <body>

Sekarang kita buat lagi untuk isi menu sebelah kiri dan kanan dengan mengetikan kode berikut diatas tag penutup </nav>

Struktur navigasi sudah jadi, lalu kita akan membuat konten utama yang ada ditengah halaman web dengan memberika kode berikut dibawah tag penutup </aside> list menu sebelah kanan..

Jika sudah sekarang coba save dan jalankan di browser kalian dan klik tombol di pojok kanan dan kiri atas... nanti akan terlihat halaman seperti ini

Nahh.. sekarang teman-teman bisa menerapkan pada website yang kalian punya, semoga artikel cara membuat side menu menggunakan framework foundation ini bisa bermanfaat untuk kalian.