modèle de fiche

<center><div style="width: 550px; height: 250px; line-height: 200px; background: url('https://nsa39.casimages.com/img/2019/01/04/19010404235513080.png');"><div style="font-size: 50px; font-family: arial; color: white; text-align: center; font-style: italic; letter-spacing: -4px; text-shadow: 1px 2px 1px #825ec2;">prénom nom</div><img src="https://via.placeholder.com/150" style="width: 150px; height: 150px; border-radius: 100%; border: 10px solid white; margin-top: -30px; position: relative;"/></div><div style="width:550px; height:920px; padding-top:120px; background: url('https://image.noelshack.com/fichiers/2019/01/7/1546780421-whitebg.png'); color: #202020px;"><div style="width:480px; text-align: left; line-height: 10px; overflow: auto; height: 230px; background: transparent; padding: 10px; border-left: 5px solid #add6f0;"><div style="float: left; margin-right: 10px; padding: 5px 10px; letter-spacing: 1px; font-size: 10px; text-transform: uppercase; background: #b6a4de; font-family: georgia; text-shadow: 1px 1px 1px #a08dc9; color: white;">ALIAS</div><div style="padding-top:7px; font-size: 10px; color: #909090;">utilise-t-il un alias ?(obligatoire pour héros & vilains, facultatif pour les autres)</div>
<div style="float: left; font-family: georgia; margin-right: 10px; padding: 5px 10px; letter-spacing: 1px; font-size: 10px; text-transform: uppercase; background: #afd2e3; text-shadow: 1px 1px 1px #8eb7cb; color: white;">ÂGE</div><div style="padding-top:7px; font-size: 10px; color: #909090;">ici</div>
<div style="float: left; margin-right: 10px; padding: 5px 10px; letter-spacing: 1px; font-size: 10px; text-transform: uppercase; background: #b6a4de; font-family: georgia; text-shadow: 1px 1px 1px #a08dc9; color: white;">RACE</div><div style="padding-top:7px; font-size: 10px; color: #909090;">alien (préciser le type), humain, métisse ?</div>
<div style="float: left; font-family: georgia; margin-right: 10px; padding: 5px 10px; letter-spacing: 1px; font-size: 10px; text-transform: uppercase; background: #afd2e3; text-shadow: 1px 1px 1px #8eb7cb; color: white;">STATUT FINANCIER</div><div style="padding-top:7px; font-size: 10px; color: #909090;">riche, pauvre, etc ?</div>
<div style="float: left; margin-right: 10px; padding: 5px 10px; letter-spacing: 1px; font-size: 10px; text-transform: uppercase; background: #b6a4de; font-family: georgia; text-shadow: 1px 1px 1px #a08dc9; color: white;">GROUPE</div><div style="padding-top:7px; font-size: 10px; color: #909090;">ici</div>
<div style="float: left; font-family: georgia; margin-right: 10px; padding: 5px 10px; letter-spacing: 1px; font-size: 10px; text-transform: uppercase; background: #afd2e3; text-shadow: 1px 1px 1px #8eb7cb; color: white;">OCCUPATION</div><div style="padding-top:7px; font-size: 10px; color: #909090;">son métier / travail</div>
<div style="float: left; margin-right: 10px; padding: 5px 10px; letter-spacing: 1px; font-size: 10px; text-transform: uppercase; background: #b6a4de; font-family: georgia; text-shadow: 1px 1px 1px #a08dc9; color: white;">ORIGINE(S)</div><div style="padding-top:7px; font-size: 10px; color: #909090;">seulement si humain, ses origines</div>
<div style="float: left; font-family: georgia; margin-right: 10px; padding: 5px 10px; letter-spacing: 1px; font-size: 10px; text-transform: uppercase; background: #afd2e3; text-shadow: 1px 1px 1px #8eb7cb; color: white;">POUVOIR</div><div style="padding-top:7px; font-size: 10px; color: #909090;">(seulement métisse & humain, pour les aliens merci de vous référer au topic des races)</div></div>
<br><br><div style="width:400px; height: 250px; padding: 20px; background: url('https://nsa39.casimages.com/img/2019/01/04/19010404235513080.png');"><div style="width: 360px; height: 210px; padding: 20px; overflow: auto; background: white; text-align: justify; line-height: 12px; font-size: 10px;">Dans cette partie, nous vous invitons à écrire le caractère de votre personnage avec des ADJECTIFS. Si vous le désirez, vous pouvez écrire une version plus poussée à la suite, mais n'oubliez pas la liste !

ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵ ajdectif ▵


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div><br>
<div style="margin-left: -20px;width:400px; height: 200px; padding: 20px; background: url('https://nsa39.casimages.com/img/2019/01/04/190104042354688761.png');"><div style="width: 360px; height: 160px; padding: 20px; overflow: auto; background: white; text-align: justify; line-height: 12px; font-size: 10px;">Voici une case pour y écrire ce que vous voulez : une histoire, un journal, partagez une chanson, un poème... En bref, écrire la vie de votre personnage de A à Z est complètement facultatif. Faites y ce que vous voulez !

<b>UN PETIT TITRE</b>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<b>UN AUTRE PETIT TITRE</b>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div></div></div><div style="width:450px; height: 120px; padding: 50px; background: url('https://nsa39.casimages.com/img/2019/01/04/190104042354688761.png'); color: white; font-size: 11px; overflow: auto; line-height: 13px; text-align: justify;"><img src="https://via.placeholder.com/150" style="width: 100px; height: 100px; margin-right: 10px; border: 10px solid white; float: left;"/>Coactique aliquotiens nostri pedites ad eos persequendos scandere clivos sublimes etiam si lapsantibus plantis fruticeta prensando vel dumos ad vertices venerint summos, inter arta tamen et invia nullas acies explicare permissi nec firmare nisu valido gressus: hoste discursatore rupium abscisa volvente, ruinis ponderum inmanium consternuntur, aut ex necessitate ultima fortiter dimicante, superati periculose per prona discedunt.</div></center>