Modèle de fiche de liens

<!-- deja optimiser for FA & ses padding -->

<link href='https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap' rel='stylesheet'><link href='https://fonts.googleapis.com/css2?family=Vidaloka&display=swap' rel='stylesheet'><link href='https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,400;0,900;1,600&display=swap' rel='stylesheet'><div class='ff-border_fiche'> <div class='ff-fiche'> <div class='ff-header'> <img src='https://64.media.tumblr.com/e98ecd855515a606aef9d0234e40f171/tumblr_p8o7c4axIk1wukytoo1_400.png'/> <div class='ff-nameCaracter'> PRENOM NOM <hr/> </div> <img src='https://64.media.tumblr.com/ec54794a8bb82fe4aae8c1bb01b36bde/tumblr_p8o7c4axIk1wukytoo2_400.png'/> </div><div class='onglets'> <div class='onglet' id='onglet1'>WHO ARE YOU?</div><div class='onglet' id='onglet2'>TELL ME MORE ABOUT THIS.</div></div><div class='ff-inside'> <div id='content_onglet1' class='ff-ficheInfos1 ff-visible active'> <div class='ff-border'> <div class='ff-ficheGeneralInfo'> <h3>01.</h3> <div class='ff-insideTxt'> [i]Racontes nous l'histoire du personnage [/i][color=#000000]Juste ici [/color]</div></div></div><div class='ff-middleImg'><img src='https://64.media.tumblr.com/7ff471439ef8bcd2265e1d2f01dd0616/dc5a7888602d161a-32/s400x600/439c17f05a3a903becd7650a0198a29c58248fc8.png'/><img src='https://64.media.tumblr.com/f85feabca0129cd246b2c6cf55ba2339/tumblr_p8o7c4axIk1wukytoo7_400.png'/></div><div class='ff-border'> <div class='ff-ficheMiscellaneous'> <h3>02.</h3> <div class='ff-insideTxt'>[i]type de lien [/i][color=#000000]description [/color]</div></div></div></div></div></div></div></div></div></div></div>

<link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet"><style>.el-img1{width:126px;height:200px;} .ex-cd1 {width:270px;height:208px;background-image:url('http://imgur.com/8ch66jl.png');margin:auto;} .ex-c1{width:132px;background-color:#eaeaea;height:20px;color:#7a7a7a;} .ex-c2{background-color:#eaeaea;height:15px;width:132px;} .ex-c3{background-color:#eaeaea;width:132px;height:158px;overflow:auto;} .el-t1{padding-top:3px;text-align:center;font-family:'Great Vibes';font-size:18px;}.el-t2 {color:#777;font-family: 'Muli';text-align:center;font-size:10px;}.el-lk{line-height:12px;font-size:10px;font-family:verdana;padding:3px;text-align: justify;color:#777;}</style><div style="width:550px;margin:auto;"><div class="ex-cd1" style="float:left;"><table style="margin:auto;"><tr><td rowspan="3"><div class="el-img1"><img src="https://imgur.com/YpJxsE1.png" style="width:126px;height:200px;" /></div></td><td><div class="ex-c1"><div class="el-t1">Prénom Nom</div></div></td></tr><tr><td><div class="ex-c2"><div class="el-t2">type de lien</div></div></td></tr><tr><td><div class="ex-c3"><div class="el-lk">Description du lien.</div></div></td></tr></table></div> <div class="ex-cd1" style="float:right;"><table style="margin:auto;"><tr><td rowspan="3"><div class="el-img1"><img src="https://imgur.com/YpJxsE1.png" style="width:126px;height:200px;" /></div></td><td><div class="ex-c1"><div class="el-t1">Prénom Nom</div></div></td></tr><tr><td><div class="ex-c2"><div class="el-t2">type de lien</div></div></td></tr><tr><td><div class="ex-c3"><div class="el-lk">Description du lien.</div></div></td></tr></table></div>
<div style="clear:both;">
</div><div class="ex-cd1" style="float:left;"><table style="margin:auto;"><tr><td rowspan="3"><div class="el-img1"><img src="https://imgur.com/YpJxsE1.png" style="width:126px;height:200px;" /></div></td><td><div class="ex-c1"><div class="el-t1">Prénom Nom</div></div></td></tr><tr><td><div class="ex-c2"><div class="el-t2">type de lien</div></div></td></tr><tr><td><div class="ex-c3"><div class="el-lk">Description du lien.</div></div></td></tr></table></div> <div class="ex-cd1" style="float:right;"><table style="margin:auto;"><tr><td rowspan="3"><div class="el-img1"><img src="https://imgur.com/YpJxsE1.png" style="width:126px;height:200px;" /></div></td><td><div class="ex-c1"><div class="el-t1">Prénom Nom</div></div></td></tr><tr><td><div class="ex-c2"><div class="el-t2">type de lien</div></div></td></tr><tr><td><div class="ex-c3"><div class="el-lk">Description du lien.</div></div></td></tr></table></div></div></div>