modèle de fiche de liens

<center><div style="width:450px;border-top:20px solid #648096; border-bottom:20px solid #648096; border-left: 1px solid #648096; border-right: 1px solid #648096; background-color:#efefef; padding-top:5px;"><t5>prénom nom</t5>
<st1>courte citation</st1><table style="width: 450px; padding-left:40px; padding-right:40px; padding-top:10px;" cellspacing="0"><tr><td rowspan="2"><div class="asp"></div><div class="sou"></div><img src="https://i.imgur.com/zh9tyaN.png" class="avapresa"></td><td style="background-color:#f7f7f7; height:136px;" valign="middle" align="center"><div style="max-height:134px; padding:5px; font-size:11px; line-height:11px; overflow:auto; text-align:justify;"><c1>prénom ›</c1> écrire votre réponse ici. <c3>nom ›</c3> écrire votre réponse ici. <c1>âge, date et lieu de naissance ›</c1> écrire votre réponse ici.  <c3>occupation ›</c3> écrire votre réponse ici <c1>statut financier ›</c1> ($$$$$) écrire votre réponse ici  <c3>orientation ›</c3> écrire votre réponse ici. <c1>statut civil ›</c1> écrire votre réponse ici. <c3>situation familiale ›</c3> écrire votre réponse ici. <c1>traits de caractère ›</c1> écrire votre réponse ici. <c3>en ville depuis ›</c3> écrire votre réponse ici. <c1>groupe ›</c1> écrire votre réponse ici. <c3>avatar ›</c3> écrire votre réponse ici. <c1>credit ›</c1> écrire votre réponse ici.</div></td></tr></table>

<table align="center" style="border-collapse: collapse; width: 366px;padding-left:10px; padding-right:10px;"><tr><td></td></tr><tr><td align="center"><div class="badge"></div></td><td><div class="badge"></div></td><td><div class="badge"></div></td><td><div class="badge"></div></td><td><div class="badge"></div></td><td><div class="badge"></div></td><td><div class="badge"></div></td><td><div class="badge"></div></td><td><div class="badge"></div></td><td><div class="badge"></div></td></tr></table>

<table align="center" style="border-collapse: collapse; width: 366px;"><tr align="center"><td><t3>aspirations</t3></td><td></td><td><t3>compétences</t3></td></tr><tr><td width="49%"><div class="plus" style="text-align:justify;">Vous devez ici nous parler de l'aspiration de votre personnage, le but qu'il désire atteindre dans la vie. Parlez-nous de la raison qui l'a poussé à suivre cette aspiration, des défis qu'il a rencontré en cours de route, de ses attentes pour le futur. Détaillez suffisamment pour atteindre le [b]minimum de 5 lignes[/b] demandées.</div></td><td width="2%"></td><td width="49%" align="center"><div class="plus"> nom de la competence
<div class="progress"><span style="width: 25%"></span></div>
nom de la competence
<div class="progress2"><span style="width: 25%"></span>
</div>
nom de la competence
<div class="progress"><span style="width: 25%"></span></div>
nom de la competence
<div class="progress2"><span style="width: 25%"></span>
</div>
nom de la competence
<div class="progress"><span style="width: 25%"></span></div>
nom de la competence
<div class="progress2"><span style="width: 25%"></span>
</div></div></td></tr></table>

<t1>tell me more, tell me more</t1><div class="anecdotes ">écrire ici une anecdore au sujet de votre personnage. nous en demandons un minimum de 10. <c2>×</c2> écrire ici une anecdore au sujet de votre personnage. nous en demandons un minimum de 10. <c2>×</c2> écrire ici une anecdore au sujet de votre personnage. nous en demandons un minimum de 10. <c2>×</c2> écrire ici une anecdore au sujet de votre personnage. nous en demandons un minimum de 10. <c2>×</c2> écrire ici une anecdore au sujet de votre personnage. nous en demandons un minimum de 10. <c2>×</c2> écrire ici une anecdore au sujet de votre personnage. nous en demandons un minimum de 10. <c2>×</c2> écrire ici une anecdore au sujet de votre personnage. nous en demandons un minimum de 10. <c2>×</c2> écrire ici une anecdore au sujet de votre personnage. nous en demandons un minimum de 10. <c2>×</c2> écrire ici une anecdore au sujet de votre personnage. nous en demandons un minimum de 10. <c2>×</c2> écrire ici une anecdore au sujet de votre personnage. nous en demandons un minimum de 10.</div>
</center>

<center><div style="width:450px;border: 1px solid #648096; background-color:#efefef; padding:10px 0px;"> <div style=" max-width:300px; font-family: calibri; font-size: 10px; text-transform: uppercase; color: #fbffff; letter-spacing: 2px; text-align: center; padding: 6px 10px; background-color: #8c9f82; box-shadow: 1px 1px 1px rgba(106, 153, 165, 0.7);">titre de la section</div>
<table align="center" cellspacing="0" cellpadding="0" style="border-spacing:0; border-collapse: collapse; width: 300px; height:75px; color:#84797c;margin:0; padding:0;"><tr><td style="width:48px;"><img src="https://i.imgur.com/zh9tyaN.png" style="height:75px;"></td><td style="height:10px;"><t3>prénom nom</t3> <st1>(intitulé du lien)</st1>
<div class="amour"><span style="width: 25%"></span></div>
<div style="max-height:50px; overflow:auto; text-align:justify; line-height:10px; margin-top:-5px; padding-top:3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></td></tr></table>

<table align="center" cellspacing="0" cellpadding="0" style="border-spacing:0; border-collapse: collapse; width: 300px; height:75px; color:#84797c;margin:0; padding:0;"><tr><td style="height:10px; text-align:right; padding-right:1px;"><st1>(intitulé du lien)</st1> <t3>prénom nom</t3>
<div class="positif"><span style="width: 25%"></span></div>
<div style="max-height:50px; overflow:auto; text-align:justify; line-height:10px; margin-top:-5px; padding-top:3px; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></td> <td style="width:48px;"><img src="https://i.imgur.com/zh9tyaN.png" style="height:75px;"></td></tr></table>

<table align="center" cellspacing="0" cellpadding="0" style="border-spacing:0; border-collapse: collapse; width: 300px; height:75px; color:#84797c;margin:0; padding:0;"><tr><td style="width:48px;"><img src="https://i.imgur.com/zh9tyaN.png" style="height:75px;"></td><td style="height:10px;"><t3>prénom nom</t3> <st1>(intitulé du lien)</st1>
<div class="negatif"><span style="width: 25%"></span></div>
<div style="max-height:50px; overflow:auto; text-align:justify; line-height:10px; margin-top:-5px; padding-top:3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></td></tr></table>

<table align="center" cellspacing="0" cellpadding="0" style="border-spacing:0; border-collapse: collapse; width: 300px; height:75px; color:#84797c; margin:0; padding:0;"><tr><td style="height:10px; text-align:right; padding-right:1px;"><st1>(intitulé du lien)</st1> <t3>prénom nom</t3>
<div class="relation"><span style="width: 25%"></span></div>
<div style="max-height:50px; overflow:auto; text-align:justify; line-height:10px; margin-top:-5px; padding-top:3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></td> <td style="width:48px;"><img src="https://i.imgur.com/zh9tyaN.png" style="height:75px;"></td></tr></table>

<table align="center" cellspacing="0" cellpadding="0" style="border-spacing:0; border-collapse: collapse; width: 300px; height:75px; color:#84797c;margin:0; padding:0;"><tr><td style="width:48px;"><img src="https://i.imgur.com/zh9tyaN.png" style="height:75px;"></td><td style="height:10px;"><t3>prénom nom</t3> <st1>(intitulé du lien)</st1>
<div class="relation"><span style="width: 25%"></span></div>
<div style="max-height:50px; overflow:auto; text-align:justify; line-height:10px; margin-top:-5px; padding-top:3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></td></tr></table>

<table align="center" cellspacing="0" cellpadding="0" style="border-spacing:0; border-collapse: collapse; width: 300px; height:75px; color:#84797c;margin:0; padding:0;"><tr><td style="height:10px; text-align:right; padding-right:1px;"><st1>(intitulé du lien)</st1> <t3>prénom nom</t3>
<div class="relation"><span style="width: 25%"></span></div>
<div style="max-height:50px; overflow:auto; text-align:justify; line-height:10px; margin-top:-5px; padding-top:3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></td> <td style="width:48px;"><img src="https://i.imgur.com/zh9tyaN.png" style="height:75px;"></td></tr></table>
</div></center>