fem faq accordion

Mentor Frontend - Kartu Akordeon FAQ

Demo langsung

Keterangan

Tantangan Desain Halaman Responsif: Komponen Interaktif Accordion Tunggal. Solusi saya untuk salah satu tantangan untuk frontendentor.io

Fitur Utama:

• Solusi interaktif (statis) tanpa menggunakan skrip apa pun, hanya elemen HTML asli
• Berdasarkan Pugjs dan Stylus
  
• Animasi SVG: Animasi dibuat menggunakan SVGator

Penggunaan

Instalasi

Selain paket di paket.json, Pug-cli harus diinstal untuk menonton dan menyusun Pug ke HTML.

Perkembangan

Menonton dan menyusun pesek ke HTML:

npm run develop

Menonton dan menyusun stylus ke CSS (CSS akan dikompilasi di folder Styles/CSS):

npm run watch:css

Kredit

• Dirancang oleh tim mentor frontend.
• Kode yang ditulis oleh Ann-dev.