fiche de liens 1

Prénom P. Nom

âge

statut civil

travail

groupe

manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire N'hésitez pas à mettre beaucoup de texte ou faire plusieurs sauts de ligne, si le texte dépasse la hauteur de la boîte, une scrollbar apparaîtra.

F. description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché

H. description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché

© HELLOPAINFUL

Code:

<div style="font-family: arial; font-size: 11px; line-height: 11px;"><link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet"><style>.backFCH{width: 504px; height: 100%; border: 1px solid #ececec; padding-bottom: 10px; padding-top: 10px;} .infosBOX{background-color: #f6f6f6; border: 1px solid #ececec; width: 115px; height: 100%; font-size: 8.5px; font-family: arial; text-transform: uppercase; text-align: center; color: #242327; margin-top: -7px; transition: .5s; padding-top: 4px; padding-bottom: 4px;} .infosBOX:hover{background-color: #242327; color: #ececec;} .imgFCH{width: 500px; padding: 2px; background: #f6f6f6; border: 1px solid #ececec;} .avaFCH{width: 175px; padding: 2px; border: 1px solid #ececec; background: #f6f6f6;} .nameFCH{font-family: Lobster; font-size: 40px; color: #242327; text-shadow: 0px 0px 2px #ececec;} .txtFCH{width: 257px; height: 250px; overflow: auto; text-align: justify; color: #242327; font-family: arial; background: #f6f6f6; padding: 17px; border: 1px solid #ececec; line-height: 11px; font-size: 11px;} .wanted{font-size: 35px; font-family: Lobster;} .wantedTXT{width: 170px; height: 30px; overflow: auto; background: #f6f6f6; border: 1px solid #ececec; font-family: arial; font-size: 11px; color: #242327; line-height: 11px; padding: 10px;} .credit{font-size: 8px; color: #000000; margin-top: -5px;}</style>

<center><img src="https://31.media.tumblr.com/5bb9f70e16bf8617150aab2fab40b6b6/tumblr_nch7s2P0oV1r2bfn8o1_500.gif" class="imgFCH">
<div style="background-image: url('https://images.freecreatives.com/wp-content/uploads/2016/02/High-Quality-White-Wood-Texture.jpg');" class="backFCH">
<div class="nameFCH">Prénom P. Nom</div>

<table><td><div class="infosBOX">âge</div></td><td><div class="infosBOX">statut civil</div></td><td><div class="infosBOX">travail</div></td><td><div class="infosBOX">groupe</div></td></table>

<div style="margin-top: -11px;"><table><tr><td><img src="https://s-media-cache-ak0.pinimg.com/236x/6d/b8/35/6db8355d0b3e14e27e5bc2ee43329202.jpg" class="avaFCH"></td><td><div class="txtFCH">manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire

N'hésitez pas à mettre beaucoup de texte ou faire plusieurs sauts de ligne, si le texte dépasse la hauteur de la boîte, une scrollbar apparaîtra.</div></td></tr></table></div>

<div style="margin-top: -22px;"><table><tr><td><table><tr><td><div class="wanted" style="color: #916584;">F.</div></td><td><div class="wantedTXT">description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché</div></td></tr></table></td><td><table><tr><td><div class="wanted" style="color: #658c91; margin-left: 13px;">H.</div></td><td><div class="wantedTXT">description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché description du lien recherché</div></td></tr></table></td></tr></table></div></div>
<div class="credit">© HELLOPAINFUL</div></center></div>

Titre de votre choix

Prénom Nom TYPE DE LIEN Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla.

Prénom Nom TYPE DE LIEN Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla.

Prénom Nom TYPE DE LIEN Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla.

Prénom Nom TYPE DE LIEN Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla.

Prénom Nom TYPE DE LIEN Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla.

Prénom Nom TYPE DE LIEN Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla. Description du lien et bla bla bla.

© HELLOPAINFUL

Code:

<div style="font-family: arial; font-size: 11px; line-height: 11px;"><link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet"><style>.backFCH{width: 504px; height: 100%; border: 1px solid #ececec; padding-bottom: 10px; padding-top: 10px;} .avaBOX{width: 93px; height: 150px; background-color: #f6f6f6; border: 1px solid #ececec; padding: 2px;} .nameBOX{font-family: Lobster; font-size: 18px; color: #242327; padding-left: 5px; padding-top: 5px;} .linkBOX{font-size: 8px; text-transform: uppercase; color: #000; padding-left: 5px;} .txtBOX{background-color: #f6f6f6; border: 1px solid #ececec; padding: 5px; width: 115px; height: 117px; margin-top: -11px; overflow: auto; color: #242327; text-align: justify;} .nameFCH{font-family: Lobster; font-size: 40px; color: #242327; text-shadow: 0px 0px 2px #ececec;} .credit{font-size: 8px; color: #000000; margin-top: -5px;}</style>

<center><div class="nameFCH">Titre de votre choix</div>
<div class="backFCH" style="background-image: url('https://images.freecreatives.com/wp-content/uploads/2016/02/High-Quality-White-Wood-Texture.jpg');"><table><tr><td><img src="http://img4.hostingpics.net/pics/215471moman4.jpg" class="avaBOX" /><div style="float: right;"><div class="nameBOX">Prénom Nom</div><div class="linkBOX">TYPE DE LIEN</div>
<div class="txtBOX">Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.</div></div></td><td><img src="http://img4.hostingpics.net/pics/215471moman4.jpg" class="avaBOX" style="margin-left: 15px;" /><div style="float: right;"><div class="nameBOX">Prénom Nom</div><div class="linkBOX">TYPE DE LIEN</div>
<div class="txtBOX">Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.</div></div></td></table>

<table><tr><td><img src="http://img4.hostingpics.net/pics/215471moman4.jpg" class="avaBOX" /><div style="float: right;"><div class="nameBOX">Prénom Nom</div><div class="linkBOX">TYPE DE LIEN</div>
<div class="txtBOX">Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.</div></div></td><td><img src="http://img4.hostingpics.net/pics/215471moman4.jpg" class="avaBOX" style="margin-left: 15px;" /><div style="float: right;"><div class="nameBOX">Prénom Nom</div><div class="linkBOX">TYPE DE LIEN</div>
<div class="txtBOX">Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.</div></div></td></table>

<table><tr><td><img src="http://img4.hostingpics.net/pics/215471moman4.jpg" class="avaBOX" /><div style="float: right;"><div class="nameBOX">Prénom Nom</div><div class="linkBOX">TYPE DE LIEN</div>
<div class="txtBOX">Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.</div></div></td><td><img src="http://img4.hostingpics.net/pics/215471moman4.jpg" class="avaBOX" style="margin-left: 15px;" /><div style="float: right;"><div class="nameBOX">Prénom Nom</div><div class="linkBOX">TYPE DE LIEN</div>
<div class="txtBOX">Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.  Description du lien et bla bla bla.</div></div></td></table></div>
<div class="credit">© HELLOPAINFUL</div></center></div>