Rue de l'info

Article

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

par | 23-08-2022 | Html - CSS, Tutos

[title text= »web CV : Code source complet HTML5/CSS3 (gratuit) » tag_name= »h2″ color= »rgb(199, 17, 80) »]

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).

[title text= »Arborescence dans votre dossier webCV : » color= »rgb(199, 17, 80) »]

[ux_image id= »6712″]

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)

[title text= »Images à télécharger » color= »rgb(199, 17, 80) »]

[row]

[col span= »4″ span__sm= »12″]

[/col]
[col span= »4″ span__sm= »12″]

[ux_slider margin= »3px » nav_size= »normal » nav_color= »dark »]

[ux_image id= »6727″]

[ux_image id= »6728″]

[ux_image id= »6729″]

[ux_image id= »6725″]

[ux_image id= »6726″]

[/ux_slider]

[/col]
[col span= »4″ span__sm= »12″]

[/col]

[/row]