Reproduire une bannière responsive à partir du boilerplate React / PostCSS mis à disposition. Vous disposez d'une maquette et d'une preview pour vous guider. Rien n'est figé, toute modification appliquée à ce boilerplate, si elle est justifiée, est la bienvenue.
Les points requis :
- Responsive
- Le champ de saisie
- Le bouton d'envoi avec animation lors de l'envoi
// Dans le répertoire, installer les dépendences
yarn
// Démarrer le serveur de développement
yarn startL'environnement de développement est accessible à http://localhost:4200.
Environ 1h
Nous analyserons autant le code que la réalisation. Un exercise terminé n'est pas un échec en soit si le candidat a su mettre l'accent sur des détails pertinents.
Il ne s'agit pas de faire du pixel perfect, la maquette fournit est très rudimentaire et ne permet pas une reproduction chirurgicale. Vous n'êtes pas attendu là dessus mais sur l'aspect/le mood général.
https://res.cloudinary.com/pretto-fr/image/upload/q_auto/v1552571419/ebook/decorations/corner-top-left.svg
https://res.cloudinary.com/pretto-fr/image/upload/q_auto/v1552571427/ebook/decorations/corner-bottom-right.svg
https://res.cloudinary.com/pretto-fr/image/upload/q_auto/v1552571434/ebook/decorations/zigzag1.svg
https://res.cloudinary.com/pretto-fr/image/upload/q_auto/v1552571440/ebook/decorations/zigzag2.svg
https://res.cloudinary.com/pretto-fr/image/upload/q_auto/v1552571447/ebook/decorations/zigzag3.svg
https://res.cloudinary.com/pretto-fr/image/upload/q_auto/v1552571447/ebook/decorations/zigzag3.svg
https://res.cloudinary.com/pretto-fr/image/upload/c_scale,w_480,q_auto/v1553003467/website/guide/ebook_cover.webp
https://i.ibb.co/JCSd2ZK/91-1.gif
#42b491
#1098f7
#1e88d2
#173753
rgba(23, 55, 83, 0.2)
rgba(23, 55, 83, 0.4)
https://drive.google.com/file/d/1yUu4MIZiSAHJpFDdYB0wML90KuiIgfzI/view?usp=sharing