fem faq accordion

Frontend Mentor - Carte d'accordéon FAQ

Démo en direct

Description

Défi de conception de pages réactif: composant interactif d'accordéon unique. Ma solution pour l'un des défis pour frontendmentor.io

Caractéristiques principales:

• Solution interactive (statique) sans utiliser de scripts, seulement des éléments HTML natifs
• Basé sur les pugjs et le stylet
  
• SVG animé: L'animation a été réalisée à l'aide de SVGATOR

Usage

Installation

À côté des packages dans le package.json, PUG-CLI doit être installé afin de regarder et de compiler PUG vers HTML.

Développement

Regarder et compiler PUG à HTML:

npm run develop

Regarder et compiler le stylet à CSS (CSS sera compilé dans le dossier Styles / CSS):

npm run watch:css

Crédits

• Conçu par l'équipe Frontend Mentor.
• Code écrit par Ann-Dev.