Créer une page HTML "pixel perfect" à partir d'un design Figma

VERSION FRANCAISE:

- La page doit utiliser uniquement Tailwind CSS ou Bootstrap 5.

- Aucun recours à des bibliothèques JS externes, il ne doit y avoir aucun JS sur la page.

- La page doit être pixel-perfect pour chaque résolution fournie dans le Figma sur Chrome > 100, Firefox > 70, lors du redimensionnement entre les cadres de résolutions Figma.

- Elle doit utiliser les fonctionnalités récentes de CSS.

- Tous les noms de classes doivent commencer par hdy- pour ne pas interférer avec les autres styles sur les sites webs.

- Aucun script externe n'est autorisé.

- Aucune compatibilité avec Internet Explorer n’est nécessaire.

- Les images SVG/PNG/JPG doivent être placées dans /assets/images/$NOMDELAPAGE/$NOMDUFICHIER.

- Ne pas utiliser de SVG intégré, uniquement des fichiers .svg.

- La bibliothèque de styles (Bootstrap/Tailwind) doit être incluse dans le zip (dans /assets/$NOMDELAPAGE/css/$NOMDUFICHIER), la page ne doit faire aucune requête externe nulle part (à vérifier dans Devtools).

- Le travail doit être livré sous la forme d’un fichier .zip et fonctionner en glissant la page HTML dans le navigateur, aucun serveur web ne doit être nécessaire.

REMARQUE :

Le design Figma sera fourni par message privé aux candidats pertinents.

=======

ENGLISH VERSION:

- Page must use tailwinds or bootstrap 5 only.

- Must not rely on any external JS library, no JS should be present in the page at all.

- Must be pixel-perfect for every resolutions provided in the Figma on Chrome > 100, Firefox > 70, when resizing in between Figma resolutions frames

- Must use recent CSS features

- Classes names must ALL be starting with hdy- to not interfere with other styles on the websites

- No external scripts allowed

- No Internet explorer compatibility needed

- SVG/PNG/JPG images should be placed in /assets/images/$PAGENAME/$FILENAME

- Do not use any inline SVG, only .svg files

- Styling library (bootstrap/tailwinds) should be included in the zip (in /assets/$PAGENAME/css/$FILENAME), the page should not do any external request anywhere (must be checked in Devtools).

The job should be delivered in a .zip and work by dragging the HTML page in the browser, no webserver should be needed.

NOTE:

The Figma design will be provided by private message to relevant candidates.