fem faq accordion

Frontend Mentor - FAQ -Akkordeonkarte

Live -Demo

Beschreibung

Responsive Page Design Challenge: Einzelakkordeon Interaktive Komponente. Meine Lösung für eine Herausforderung für Frontendmentor.io

Hauptmerkmale:

• Interaktive (statische) Lösung ohne Skripte, nur native HTML -Elemente
• Basierend auf Pugjs und Stift
  
• Animierter SVG: Animation wurde mit SVGator gemacht

Verwendung

Installation

Neben den Paketen im Paket.json muss Pug-Cli installiert werden, um PUG mit HTML zu beobachten und zu kompilieren.

Entwicklung

Beobachten und Kompilieren von Mops zu HTML:

npm run develop

Anschauen und Kompilieren von Stylus zu CSS (CSS wird im Ordner Styles/CSS zusammengestellt):

npm run watch:css

Credits

• Entworfen vom Frontend Mentor Team.
• Code geschrieben von Ann-Dev.