HyperUI¶
L'objectif de cet exercice est d'appliquer sur une page Web certaines composantes HTML tirées du site https://hyperui.dev/ .
Résultat attendu¶
Consignes¶
- Accepter le devoir Classroom 50
- Cloner le dépôt avec GitHub Desktop
- Ouvrir le dossier cloné dans VSCode
- Dans
index.html, connectez Tailwindcss par CDN - Dans
<body>, ajouter les 4 composantes Marketing suivantes :- Entête (Header)
- Bannière (Banners)
- Inscription à l'infolettre (Newsletter Signup)
- Pied de page (Footer)
- Formatter le code HTML (clic-droit sur le code et choisir « Format document » / « Mettre le document en forme »)
- Avec des classes Tailwind, ajuster le champ texte de l'infolettre :
- Padding sur tous les côtés de
1rem - Fond blanc
- Padding sur tous les côtés de
- Uniformiser les couleurs utilisées (turquoise et indigo) par une seule couleur Tailwind de votre choix