01. Modèle de fiche de présentation

<div class="TRWIH_fiche_background"> <div class="TRWIH_fiche_title">Prénom P. NOM</div><div class="TRWIH_fiche_image"><div style="background: url('http://urlr.me/6MsR5'); background-size: cover; background-position: center center"></div></div><div class="TRWIH_fiche_image"><div style="background: url('http://urlr.me/6MsR5'); background-size: cover; background-position: center center"></div></div><div class="TRWIH_fiche_image"><div style="background: url('http://urlr.me/6MsR5'); background-size: cover; background-position: center center"></div></div><div class="TRWIH_fiche_image"><div style="background: url('http://urlr.me/6MsR5'); background-size: cover; background-position: center center"></div></div><div class="TRWIH_fiche_subtitle">Groupe</div><div class="TRWIH_fiche_quote">Une petite phrase qui met bien</div><div class="TRWIH_fiche_avatar"><div style="background: url('http://urlr.me/6MsR5'); background-size: cover; background-position: center center"></div></div><div class="TRWIH_fiche_blockinfos"> <div>Surnom :</div>Écrire ici. <div>Âge & date de naissance:</div>Écrire ici. <div>Lieu de naissance</div>Écrire ici. <div>Race :</div>Écrire ici. <div>Métier / Rôle :</div>Écrire ici. <div>Orientation sexuelle :</div>Écrire ici. <div>Situation :</div>Écrire ici. </div><div class="TRWIH_fiche_featuring">feat. nom de la célébrité / de l'avatar</div><div class="TRWIH_fiche_subtitle">Capacité</div><div class="TRWIH_fiche_blocktext"><p><b>Nom de la compétence : </b>
<b>Description :</b>

<b>Nom de la compétence : </b>
<b>Description :</b>

<b>Nom de la compétence : </b>
<b>Description :</b>

<b>Nom de la compétence : </b>
<b>Description :</b>

Décrivez vos différentes compétences en logique avec l'histoire de votre personnage. Que ce soit vos aptitudes en combat, en sorcellerie, en occultisme, en chasse, ou toute autre chose en lien avec votre race. Ou bien différentes compétences et connaissances acquise au fil des ans.

<b>Attention : </b>Ces compétences doivent rester en choérence avec le personnage. Par exemple, un jeune Shadowhunter n'aura pas autant de runes qu'un Shadowhunter aguerris. </p></div><div class="TRWIH_fiche_subtitle">Anecdotes</div><div class="TRWIH_fiche_blocktext"><p>[i]Un minimum de 10 anecdotes vous est demandé. [/i]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia nulla tincidunt tincidunt efficitur. Etiam bibendum mauris ut eros varius, in malesuada diam suscipit. Ut congue velit ac neque mattis, sed molestie massa congue. Suspendisse vitae feugiat dui. Sed mauris nunc, dignissim vel scelerisque nec, laoreet ultrices metus. Ut et odio arcu. Donec porttitor tellus tortor, sit amet euismod elit mattis quis. Etiam vel nisl laoreet, eleifend elit vel, ullamcorper eros. Donec a efficitur lorem, at egestas neque. Integer posuere pulvinar maximus. Nam at convallis metus, et suscipit augue. Maecenas tristique consequat maximus.</p></div></div><div class="TRWIH_fiche_background"><div class="TRWIH_fiche_title">Présentation du joueur</div><div class="TRWIH_fiche_subtitle">pseudo du joueur</div><div class="TRWIH_fiche_blockinfos" style="margin: 10px 15px 0 0;"> <div>Âge</div>Écrire ici. <div>Double(s) compte(s)</div>Écrire ici. <div>Suggestion(s) :</div>Écrire ici. <div>Autre chose :</div>Écrire ici. </div><div class="TRWIH_fiche_avatar"><div style="background: url('http://urlr.me/6MsR5'); background-size: cover; background-position: center center"></div></div><div class="TRWIH_fiche_featuring">petite quote sympa</div></div><div class="TRWIH_faq_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>

<div class="TRWIH_fiche_background"> <div class="TRWIH_fiche_subtitle">Histoire</div><div class="TRWIH_fiche_text1"><i>Un minimum de 300 mots vous est demandé.</i>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius.

Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed accumsan dui. Donec vel orci efficitur, vestibulum libero eget, euismod ligula. In auctor non libero at posuere. Morbi porta nisi nibh, quis hendrerit odio gravida ac. Nulla facilisis magna ac gravida varius. Ut tincidunt massa metus, sit amet rutrum sem dignissim quis. Aenean placerat enim luctus dolor faucibus vehicula. Maecenas vitae felis orci. Proin ultricies quis elit eget finibus. Nullam dignissim sem est, et maximus tellus pulvinar at.</div><div class="TRWIH_fiche_blockdeco"></div></div><div class="TRWIH_faq_credit">sherlock | <a target="blank" href="https://epsilon-ls.forumactif.com/">www</a>.</div>