Exemple de fiche de relations

<link href='http://fonts.googleapis.com/css?family=Alex+Brush|Aladin' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>

<div style="width: 500px; height: auto; color: darkgrey; padding: 10px; margin: auto; text-align: justify;"><div style="text-align: center; font-size: 28px; font-family: Dancing Script; font-variant: small-caps; text-shadow: 3px 3px 3px #aaa; color: #FFD700;">Fiche de relations de Nom + Prénom</div>

<div style="text-align: center; font-size: 20px; font-family: Dancing Script; font-variant: small-caps; text-shadow: 1px 1px 1px #aaa; color: #FFD700;">Un point sur votre personnage</div>
<div style="width: 450px; height: 120px; overflow: auto; margin: auto; color: #ffffff; background-color: #333834; border: 2px solid #D7CCAA; padding: 10px;"><img src="http://images2.fanpop.com/image/photos/14200000/Minato-minato-namikaze-14280092-100-100.jpg" alt="Gif" style="width: 100px; height: 100px; padding: 10px; float: left;" />

Quelques mots sur votre personnage... Résumez sa personnalité, un peu de son histoire... Parlez nous de ce qu'il ou elle aime, fait, mange, boit...
</div>

<div style="text-align: center; font-size: 20px; font-family: Dancing Script; font-variant: small-caps; text-shadow: 1px 1px 1px #aaa; color: #FFD700;">Vos relations...</div>
<div style="width: 450px; height: 120px; overflow: auto; margin: auto; color: #ffffff; background-color: #333834; border: 2px solid #D7CCAA; padding: 10px;"><img src="http://images2.fanpop.com/image/photos/14200000/Minato-minato-namikaze-14280092-100-100.jpg" alt="Gif" style="width: 100px; height: 100px; padding: 10px; float: left;" />

Pareil, mais pour l'autre personnage : Parlez nous de votre relation, votre avis sur lui/elle, etc.
</div>

</div>