Modèle de fiche de lien

<center><div style="background-image: url('https://www.pbs-windowfilms.com/images/product_images/original_images/359_0.jpg'); width: 500px; border: 2px solid #191919; margin: 20px; padding-bottom: 10px; box-shadow: 3px 3px 5px #191919; color: #191919; font-family: 'calibri'; font-size: 11px;"><img src="GIF" style="width: 500px; heigh: auto;"/><div style="background-color: #191919; height: 4px; width: 100%;"></div><span style="display: block; text-align: right; margin-right: 10px; margin-top: 10px; font-family: calibri; font-size: 36px; text-shadow: 1px 1px 2px #1A1A1A; color: #191919;"><b>“</b><span style="color: #191919; font-variant: small-caps; letter-spacing: 2px">Prénom Nom</span></span>
<span style="display: block; margin-top: -10px; margin-right: 10px; font-size: 13px; color: #ffffff; text-align: right; font-style: italic;">"Citation classe de la mort qui tue"</span>


<div style="font-family: calibri; color:white; background-color:#191919;
font-family:calibri; letter-spacing:5px; text-align:center; text-transform:uppercase;
width:200; margin:0px auto -25px;">Présentation</div>
<div style="background-color: rgba(0,0,0,0.3); border: 2px solid #191919;margin-left: 0px;padding-bottom: 20px; margin-right: 0px;"><br /><table><tr><img src="AVATAR" style="width: 200px; height: 320px; float: right; margin-right: 30px; border: 2px solid #191919;" /></tr><tr><div style="background-color: rgba(250,250,250,0.3); width: 200px; height: 138px; margin-left : 30px;border: 2px solid #191919; padding: 10px; font-family: calibri; font-size: 12px; text-align: justify; overflow: auto;">« Bonjour !
Je m'appelle <i>Prénom Nom</i> et l'on me surnomme <i>Surnom</i>. Je suis né le <i>Date de naissance</i> à <i>Lieu de naissance</i>, ce qui me fait <i>Âge</i> ans. Je suis un <i>Homme/Femme</i>. Je suis <i>Hétéro/Homo/Bisexuel</i> et actuellement <i>Célibataire/En couple/Fiancé/Marié</i>. Mon principal défaut est <i>Défaut</i> et ma qualité majeure est <i>Qualité</i>.»</div></tr>
<td><br /><div style="background-color: rgba(250,250,250,0.3); border: 2px solid #191919; width: 196px; height: 152px; margin-left : 28px; padding: 10px; overflow: auto; font-family: calibri; font-size: 12px;"><b>Don:</b> <i>réponse</i>
<b>Région :</b> <i>Assima/ Ard/ Hawa / Hikma /MA' / Nar /Zinzana</i>
<b>Métier :</b> <i>réponse</i>
<b>Rercherchez-vous des liens en particulier?</b> <i>oui/non, si oui lesquels</i>
<b>Animal Totem :</b> <i>réponse</i>
<b>Prénom :</b> <i>réponse</i>
<b>résumé de rencontre :</b> <i>réponse</i>
</div></td></table><div style="background-color: #191919 ; margin-top: -43px; border: 2px solid #191919; margin-right: 30px; padding: 5px; width: 189px; font-family: calibri; font-size: 12px; color: white; text-align: center; float: right;">Ft. votre avatar</div></div>
<a style="display: block; margin-top: -3px; text-align: center; color: #BEBEBE; font-size: 10px; font-family: arial narrow;" href="http://www.never-utopia.com"> Jyn & Wolfela</a></div></center>

<center><div class="base_poste_dop"><br/><br/><div class="titre_poste_dop">Liens</div><br/><br/><div class="bloc_poste_dop"><br/><table><tr><td><img src="https://data.photofunky.net/output/image/a/0/4/9/a04938/photofunky.gif" class="icone_fiche_dop"></td><td><div class="description_fiche_dop"><b>Historique de la relation</b> | <a class="lien_poste_dop" href="" >Fiche/Scénario</a>.
----------------------------------------------------
<b>Pseudo</b> #<i>HASHTAG</i>
<i>Description du lien.</i>
</div></td></tr><tr><td><img src="https://data.photofunky.net/output/image/a/0/4/9/a04938/photofunky.gif" class="icone_fiche_dop"></td><td><div class="description_fiche_dop"><b>Historique de la relation</b> | <a class="lien_poste_dop" href="" >Fiche/Scénario</a>.
----------------------------------------------------
<b>Pseudo</b> #<i>HASHTAG</i>
<i>Description du lien.</i>
</div></td></tr><tr><td><img src="https://data.photofunky.net/output/image/a/0/4/9/a04938/photofunky.gif" class="icone_fiche_dop"></td><td><div class="description_fiche_dop"><b>Historique de la relation</b> | <a class="lien_poste_dop" href="" >Fiche/Scénario</a>.
----------------------------------------------------
<b>Pseudo</b> #<i>HASHTAG</i>
<i>Description du lien.</i>
</div></td></tr><tr><td><img src="https://data.photofunky.net/output/image/a/0/4/9/a04938/photofunky.gif" class="icone_fiche_dop"></td><td><div class="description_fiche_dop"><b>Historique de la relation</b> | <a class="lien_poste_dop" href="" >Fiche/Scénario</a>.
----------------------------------------------------
<b>Pseudo</b> #<i>HASHTAG</i>
<i>Description du lien.</i>
</div></td></tr><tr><td><img src="https://data.photofunky.net/output/image/a/0/4/9/a04938/photofunky.gif" class="icone_fiche_dop"></td><td><div class="description_fiche_dop"><b>Historique de la relation</b> | <a class="lien_poste_dop" href="" >Fiche/Scénario</a>.
----------------------------------------------------
<b>Pseudo</b> #<i>HASHTAG</i>
<i>Description du lien.</i>
</div></td></tr><tr><td><img src="https://data.photofunky.net/output/image/a/0/4/9/a04938/photofunky.gif" class="icone_fiche_dop"></td><td><div class="description_fiche_dop"><b>Historique de la relation</b> | <a class="lien_poste_dop" href="" >Fiche/Scénario</a>.
----------------------------------------------------
<b>Pseudo</b> #<i>HASHTAG</i>
<i>Description du lien.</i>
</div></td></tr><tr><td><img src="https://data.photofunky.net/output/image/a/0/4/9/a04938/photofunky.gif" class="icone_fiche_dop"></td><td><div class="description_fiche_dop"><b>Historique de la relation</b> | <a class="lien_poste_dop" href="" >Fiche/Scénario</a>.
----------------------------------------------------
<b>Pseudo</b> #<i>HASHTAG</i>
<i>Description du lien.</i>
</div></td></tr><tr><td><img src="http://vignette3.wikia.nocookie.net/harrypotter/images/3/39/Hogwarts_Railways_Logo.JPG/revision/latest?cb=20091206013602" class="icone_fiche_dop"></td><td><div class="description_fiche_dop"><b>Historique de la relation</b> | <a class="lien_poste_dop" href="" >Fiche/Scénario</a>.
----------------------------------------------------
<b>Pseudo</b> #<i>HASHTAG</i>
<i>Description du lien.</i>
</div></td></tr></table></div><br/><span>© Jyn & Wolfela</span></div></center>