Travail à Rendre HTML / CSS : CV Professionnel Interactif (FR / EN)
Objectif :
Réaliser un site Web statique (HTML + CSS uniquement) représentant un CV professionnel
interactif, comprenant deux versions linguistiques : Français et Anglais.
Chaque étudiant doit personnaliser le CV en fonction de ces données.
Structure du site :
Figure 1 : Version française
1
Figure 2 : Version Anglaise
1. En-tête (Header)
- Nom et prénom du candidat
- Intitulé du poste (Développeur Informatique / IT Developer)
- Photo de profil
- Bouton de bascule de langue : Passer en EN / Switch to FR
2. Menu vertical (Sidebar)
Sections obligatoires :
Français / Anglais
2
- Profil / Profile
- Contact / Contact
- Formation / Education
- Langues / Languages
- Compétences / Skills
- Expérience / Experience
3. Zone de contenu principal
Chaque section affiche :
- Profil : résumé professionnel
- Contact : email, téléphone, adresse
- Formation : diplômes et années
- Langues : langues et niveaux
- Compétences : compétences avec barres de progression
- Expérience : postes, durée, description
4. Gestion du bilinguisme
- Version française et anglaise obligatoires
- Bascule via bouton (sans JavaScript obligatoire)
5. Contraintes CSS
- Flexbox ou Grid
- Coins arrondis
- Ombres légères
- Effets hover
- Design professionnel
3
Bonus :
- Icônes
- Animations CSS
- Responsive mobile
4
5
6
7