Bon il y a fort longtemps que je ne vous avez pas proposée une petite ressource. Cette fois me voici me voilà avec un template de « Card » pour vous. 

Ce template contient :

- Un fichier « psd » qui vous permettra si vous le souhaitez modifier le design de celle-ci.

- Un autre fichier « psd » nommé « sprite.psd » qui contient les éléments du design regroupés dans un fichier (picto + networks).

- Toute une partie « html » avec le css, le js, l’habillage, les images et bien sûr le code source (code source commenté)

- Une version compatible « mobile » réalisé avec des « media queries »

Version web :

Version mobile :

Téléchargement de la source ici.

Voici quelques petites astuces si vous désirez changer la couleur du texte ou encore enlever des réseaux sociaux.

Pour changer la couleur du texte soit le « name » rendez-vous à la ligne 43 de la feuille du style css.

#header .name { color:#cfba2b; }

Pour changer la couleur du « A propos », rendez-vous à la ligne 51 de la feuille de style css.

#main .about { color:#cfba2b; }

Pour changer la couleur du  « hover du mail » allez à la ligne 58 de la feuille de style css.

#main .informations li a:hover { color:#cfba2b}

Et enfin si vous mettez moins  de « networks » vous vous apercevrez qu’ils ne sont plus alignés au centre. Pour y remédier allez à la ligne 64 de la feuille de style css et changer le « margin-left »

#footer .networks { margin-left:102px; }

Si vous avez des questions n’hésitez pas ! A très vite sur Xbition-art, le blog !