<div class="fondfiche"><div class="imagefiche"><img src="https://i2.wp.com/37.media.tumblr.com/225c69b63a4c3f692201569cba364f6f/tumblr_myjo5uCHW71s2uy8bo6_500.gif?zoom=2.625&w=736"> </div>
<div class="titreannexe">Prénom P. NOM </div><div class="sstitreannexe">nature ✦ age ✦ groupe </div>
<div class="cadreinfofp">
<div class="sstitrepartfp">Identity Card</div><div class="cadreinptext">
<font class="infofp">✦ Nom :</font> réponse ici
<font class="infofp">✦ Prénom(s) :</font> réponse ici
<font class="infofp">✦ Alias :</font> réponse ici
<font class="infofp">✦ Âge :</font> réponse ici
<font class="infofp">✦ Lieu de naissance :</font> réponse ici
<font class="infofp">✦ Orientation sexuelle :</font> réponse ici
<font class="infofp">✦ Situation :</font> réponse ici
<font class="infofp">✦ Métier :</font> réponse ici
<font class="infofp">✦ Émergence :</font> réponse ici
<font class="infofp">✦ Maîtrise :</font> réponse ici
<font class="infofp">✦ FT</font> réponse ici
<font class="infofp">✦ Que pensez-vous des émergés ? </font> réponse ici en quelques lignes.
</div></div>
<div class="cadreavatar"><img src="https://imgur.com/ySIvrMV.png" style="object-fit:cover;width:200px;height:320px" /><div class="creditavatar">crédit de l'avatar</div></div>
<div class="bloccontenufiche">
<div class="sstitrepartfp">what you need to know</div><div class="contenufichetxt">
Vous mettrez ici un résumé rapide de votre personnage. Vous mettrez ici un résumé rapide de votre personnage. Vous mettrez ici un résumé rapide de votre personnage. Vous mettrez ici un résumé rapide de votre personnage. </div></div>

<div class="bloccontenufiche">
<div class="sstitrepartfp">what i need</div><div class="contenufichetxt">
Ce bloc peut servir à indiquer ici vos recherches de liens, vos besoins, à votre guise. Ce bloc peut servir à indiquer ici vos recherches de liens, vos besoins, à votre guise. Ce bloc peut servir à indiquer ici vos recherches de liens, vos besoins, à votre guise. Ce bloc peut servir à indiquer ici vos recherches de liens, vos besoins, à votre guise. Ce bloc peut servir à indiquer ici vos recherches de liens, vos besoins, à votre guise.</div></div>

<div class="bloccontenufiche">
<div class="sstitrepartfp">the road so far</div><div class="contenufichetxt">
Ce bloc vous servira à mettre la liste de vos rps en cours, prévu et terminé. La mise en forme est à votre convenance. Ce bloc vous servira à mettre la liste de vos rps en cours, prévu et terminé. La mise en forme est à votre convenance. Ce bloc vous servira à mettre la liste de vos rps en cours, prévu et terminé. La mise en forme est à votre convenance. Ce bloc vous servira à mettre la liste de vos rps en cours, prévu et terminé. La mise en forme est à votre convenance.</div></div>

<div class="zonedecredit">HOUSE OF M(emories)</div>
</div>

<div class="fondfiche"><div class="imagefiche"><img src="https://i.pinimg.com/originals/d4/1b/76/d41b76d4d295ff89619d666c8462fe7f.gif"></div>
<div class="titreannexe">Les liens féminins</div><div class="sstitreannexe">say hello to my little friends</div>
<div class="bloccontenufiche" style="min-height:135px; "><img src="https://66.media.tumblr.com/6de178d7a669311df4e621f35d50040a/tumblr_nu5xn4xwMx1uooypto1_250.png" style="width:100px; float:left;padding:10px;margin-top:5px;">
<div class="contenufichetxtliens"><span class="infofp"> Prénom, Nom ► Type de lien </span> : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras porta urna ac vestibulum rutrum. In sit amet velit congue, fermentum quam molestie, sagittis lorem. Phasellus sed leo pretium, imperdiet neque id, convallis risus.   </div></div>
<div class="bloccontenufiche" style="min-height:135px; "><img src="https://66.media.tumblr.com/6de178d7a669311df4e621f35d50040a/tumblr_nu5xn4xwMx1uooypto1_250.png" style="width:100px; float:left;padding:10px;margin-top:5px;">
<div class="contenufichetxtliens"><span class="infofp"> Prénom, Nom ► Type de lien </span> : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras porta urna ac vestibulum rutrum. In sit amet velit congue, fermentum quam molestie, sagittis lorem. Phasellus sed leo pretium, imperdiet neque id, convallis risus.   </div></div>
<div class="bloccontenufiche" style="min-height:135px; "><img src="https://66.media.tumblr.com/6de178d7a669311df4e621f35d50040a/tumblr_nu5xn4xwMx1uooypto1_250.png" style="width:100px; float:left;padding:10px;margin-top:5px;">
<div class="contenufichetxtliens"><span class="infofp"> Prénom, Nom ► Type de lien </span> : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras porta urna ac vestibulum rutrum. In sit amet velit congue, fermentum quam molestie, sagittis lorem. Phasellus sed leo pretium, imperdiet neque id, convallis risus.   </div></div>
<div class="bloccontenufiche" style="min-height:135px; "><img src="https://66.media.tumblr.com/6de178d7a669311df4e621f35d50040a/tumblr_nu5xn4xwMx1uooypto1_250.png" style="width:100px; float:left;padding:10px;margin-top:5px;">
<div class="contenufichetxtliens"><span class="infofp"> Prénom, Nom ► Type de lien </span> : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras porta urna ac vestibulum rutrum. In sit amet velit congue, fermentum quam molestie, sagittis lorem. Phasellus sed leo pretium, imperdiet neque id, convallis risus.   </div></div>
<div class="zonedecredit">HOUSE OF M(emories)</div>
</div>

<div class="fondfiche"><div class="imagefiche"><img src="https://media.giphy.com/media/lwE0wsqLIXz7W/giphy.gif"></div>
<div class="titreannexe">Les liens masculins</div><div class="sstitreannexe">say hello to my little friends</div>
<div class="bloccontenufiche" style="min-height:135px; "><img src="https://66.media.tumblr.com/6de178d7a669311df4e621f35d50040a/tumblr_nu5xn4xwMx1uooypto1_250.png" style="width:100px; float:left;padding:10px;margin-top:5px;">
<div class="contenufichetxtliens"><span class="infofp"> Prénom, Nom ► Type de lien </span> : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras porta urna ac vestibulum rutrum. In sit amet velit congue, fermentum quam molestie, sagittis lorem. Phasellus sed leo pretium, imperdiet neque id, convallis risus.   </div></div>
<div class="bloccontenufiche" style="min-height:135px; "><img src="https://66.media.tumblr.com/6de178d7a669311df4e621f35d50040a/tumblr_nu5xn4xwMx1uooypto1_250.png" style="width:100px; float:left;padding:10px;margin-top:5px;">
<div class="contenufichetxtliens"><span class="infofp"> Prénom, Nom ► Type de lien </span> : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras porta urna ac vestibulum rutrum. In sit amet velit congue, fermentum quam molestie, sagittis lorem. Phasellus sed leo pretium, imperdiet neque id, convallis risus.   </div></div>
<div class="bloccontenufiche" style="min-height:135px; "><img src="https://66.media.tumblr.com/6de178d7a669311df4e621f35d50040a/tumblr_nu5xn4xwMx1uooypto1_250.png" style="width:100px; float:left;padding:10px;margin-top:5px;">
<div class="contenufichetxtliens"><span class="infofp"> Prénom, Nom ► Type de lien </span> : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras porta urna ac vestibulum rutrum. In sit amet velit congue, fermentum quam molestie, sagittis lorem. Phasellus sed leo pretium, imperdiet neque id, convallis risus.   </div></div>
<div class="bloccontenufiche" style="min-height:135px; "><img src="https://66.media.tumblr.com/6de178d7a669311df4e621f35d50040a/tumblr_nu5xn4xwMx1uooypto1_250.png" style="width:100px; float:left;padding:10px;margin-top:5px;">
<div class="contenufichetxtliens"><span class="infofp"> Prénom, Nom ► Type de lien </span> : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras porta urna ac vestibulum rutrum. In sit amet velit congue, fermentum quam molestie, sagittis lorem. Phasellus sed leo pretium, imperdiet neque id, convallis risus.   </div></div>
<div class="zonedecredit">HOUSE OF M(emories)</div>
</div>