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 languages 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 :

arborescence - Rue de l'info

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)

Téléchargez les images ci-dessous (clic droit > enregistrez-sous ) et placez les dans le dossier “images”

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Advertisment ad adsense adlogger