Pour concevoir le portfolio, vous avez besoin d'une compréhension de base du HTML, du CSS et la semantic HTML
Votre travil consiste à créer cette page et à la rendre aussi proche que possible du design.
Vous pouvez utiliser tous les outils que vous aimez pour vous aider à concevoir cette page (HTML - CSS ou Framework CSS). Donc, si vous avez quelque chose que vous aimeriez pratiquer, n'hésitez pas à l'essayer.
Vos utilisateurs doivent pouvoir
- Voir la mise en page optimale du portfolio en fonction de la taille de l'écran de leur appareil
- Utiliser les ancres pour acceder aux differents elements de la page
- Voir les états de survol pour tous les éléments interactifs de la page
Pour la navigation vous devrez utiliser la balise navigation nav
et à l'interieure utiliser une liste non ordonnée avec la balise ul
.
Utiliser pour les titres uliser la balise h1
.
Utilser aussi pour les reseaux sociaux une liste non ordonnée avec la balise ul
.
A chaque block utilser la balise section
et à l'interieur si y'a neccessité utiliser la balise article
.
Pour le pied de page utiliser la balise footer
.
Votre tâche consiste à créer le projet avec les conceptions dans le dossier /design
. Vous trouverez les interfaces version desktop et aussi une version mobile.
Les interfaces sont au format statique PDF. L'utilisation de PDF signifie que vous devrez utiliser votre meilleur jugement pour des styles tels que font-size
, padding
et margin
.
Vous trouverez tous les éléments requis dans les dossiers /images
et icons
. Les actifs sont déjà optimisés.
Les codes couleurs
sont donnés dans le fichier interfaces
.
- Family: Inter
- Weights: 400, 600
Les interfaces ont été créés dans les tailles suivantes :
- Mobile: 375px
- Desktop: 1440px
En desktop, votre section d'accueil devra occupée 100% de la hauteur de votre écran comme l'image 100vh.png
qui se trouve dans le dossier images
.
Amusez-vous bien pour la conception ! 🚀