web CV : Code source complet HTML5/CSS3 (gratuit)

web CV : Code source complet HTML5/CSS3 (gratuit)

Ce tutoriel s’adresse à ceux qui ont des connaissances dans les langages HTML/CSS. Le but étant de vous aider à faire votre web CV adaptatif. On dit “responsive” en anglais… Il existe plusieurs supports comme les PC, les tablettes, les mobiles… Pour éviter la jalousie, il faut bien entendu que que votre web CV soit à la portée de tous les internautes quelque soit le matériel utilisé.

Nous vous donnons tout le code source nécessaire dans cet exemple de CV en ligne dont les fichiers CSS incluant les media queries.

Les requêtes média (media queries) permettent de modifier l’apparence d’un site ou d’une application en fonction du type d’appareil (impression ou écran par exemple) et de ses caractéristiques (la résolution d’écran ou la largeur de la zone d’affichage (viewport) par exemple).

Arborescence dans votre dossier webCV :

Lancez-vous les amis, voici les fichiers à votre disposition pour la création de votre super web CV. (Vous pouvez Copier/Coller le code fournit)

Fichier index.html

 

Fichier cv.css

 

Fichier cvpc.css (tous écrans PC d’au moins 400px)

 

Fichier cvmob.css (CSS pour les mobiles)

 

Fichier normalize.css (Navigateurs)

 

Images à télécharger