Skip to content

Voici un exemple de cv, belle mise en page, simple épuré et minimaliste.

Notifications You must be signed in to change notification settings

julienheinen/CV

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

CV

html5 logo css3 logo
  1. Classes CSS :

Les classes CSS sont utilisées pour définir des styles réutilisables qui peuvent être appliqués à plusieurs éléments HTML. Dans ce CV, les classes suivantes sont utilisées :

  • point : cette classe est utilisée pour les points sur la frise chronologique verticale dans la section formation. Elle définit la taille, la forme, la couleur et la position des points.
  • point1 et point2 : ces classes sont utilisées pour positionner les points sur la frise chronologique verticale dans la section formation. Elles définissent la position absolue des points le long de la barre verticale.
  • semi_gras : cette classe est utilisée pour appliquer un style de police semi-gras aux éléments de texte sélectionnés, tels que les niveaux de langue dans la section langues.
  1. ID CSS :

Les ID CSS sont utilisés pour définir des styles uniques qui sont appliqués à un seul élément HTML. Dans ce CV, les ID suivants sont utilisés :

  • place : cet ID est appliqué à la div principale qui contient tout le contenu du CV. Il définit la couleur d'arrière-plan, la taille, la position et le centrage du CV sur la page.
  • banniere_gauche : cet ID est appliqué à la div qui contient la bannière de gauche avec les informations de contact, les compétences et les langues. Il définit la couleur d'arrière-plan, la taille et la position de la bannière.
  • nom : cet ID est appliqué à l'en-tête qui contient le nom de la personne. Il définit la couleur, la position et le centrage du texte.
  • photo : cet ID est appliqué à l'image de profil. Il définit la taille et la position de l'image.
  • barre_bleu_gauche, barre_bleu_gauche_2 et barre_bleu_gauche_3 : ces ID sont appliqués aux div qui contiennent les barres bleues de séparation dans la bannière de gauche. Ils définissent la couleur, la taille et la position des barres.
  • contact, titre_competences et langues : ces ID sont appliqués aux en-têtes des sections respectives dans la bannière de gauche. Ils définissent la position et la transformation du texte en majuscules.
  • competences : cet ID est appliqué à la liste des compétences dans la bannière de gauche. Il définit la police, le poids de la police, l'image de la liste et l'espacement entre les éléments de la liste.
  • anglais et allemand : ces ID sont appliqués aux div qui contiennent les noms des langues dans la section langues de la bannière de gauche. Ils définissent la police et la position du texte.
  • titre_presentation, titre_education et titre_centres : ces ID sont appliqués aux en-têtes des sections respectives dans la partie principale du CV. Ils définissent la position et la transformation du texte en majuscules.
  • presentation, iut_date, iut_ville, iut, iut_formation, lycee_date, lycee_ville, lycee, lycee_formation, lycee_spe et lycee_other : ces ID sont appliqués aux div qui contiennent le texte des sections respectives dans la partie principale du CV. Ils définissent la police, la position et la couleur du texte.
  • barre_bleu_presentation, barre_bleu_education et barre_bleu_centres : ces ID sont appliqués aux div qui contiennent les barres bleues de séparation dans la partie principale du CV. Ils définissent la couleur, la taille et la position des barres.
  • barre_vertical : cet ID est appliqué à la div qui contient la barre verticale dans la section formation de la partie principale du CV. Il définit la couleur, la taille et la position de la barre.
  1. Sémantique :

La sémantique HTML est utilisée pour donner un sens aux éléments HTML et améliorer l'accessibilité et le référencement du CV. Dans ce CV, les éléments HTML suivants sont utilisés de manière sémantique :

  • nav : cet élément est utilisé pour définir la barre de navigation en haut du CV.

  • ul : cet élément est utilisé pour définir les listes non ordonnées, telles que la liste des compétences dans la bannière de gauche et la liste des liens dans la barre de navigation.

  • li : cet élément est utilisé pour définir les éléments de la liste, tels que les compétences et les liens de navigation.

  • a : cet élément est utilisé pour définir les liens hypertexte dans la barre de navigation.

  • h1 : cet élément est utilisé pour définir l'en-tête principal du CV, qui contient le nom de la personne.

  • h2 : cet élément est utilisé pour définir les en-têtes des sections dans la partie principale du CV et la bannière de gauche.

  • address : cet élément est utilisé pour définir les informations de contact dans la bannière de gauche.

  • img : cet élément est utilisé pour insérer des images, telles que la photo de profil et les icônes dans la bannière de gauche.

En utilisant des éléments HTML sémantiques, le CV est plus facile à comprendre pour les moteurs de recherche et les technologies d'assistance, ce qui améliore l'accessibilité et le référencement du CV.

About

Voici un exemple de cv, belle mise en page, simple épuré et minimaliste.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages