JSFiddle - React, Tailwind, and code Playground
by seevis
HTML
<scenar_fond class="METTRE_GROUPE_ICI"><!--
--><div class="PNJ_name">Prénom Nom</div>
<!-- DEBUT AVATAR PNJ + INFO --> <div class="PNJ_avatar scenar_avatar" style="background: url('https://i.pinimg.com/236x/9a/8e/b2/9a8eb2796ffa1069a8b923bce9c997bf.jpg')">
<div class="PNJ_nbr">001</div>
<div class="PNJ_info"><div class="scenar_inside">ft avatar
<span class="scenar_credit">credit</span></div><div class="PNJ_bar"></div></div></div><!-- FIN AVATAR SCENAR + INFO --> <!-- DEBUT ID PNJ --> <div class="scenar_boxbase PNJ_box1"><bb>nom et prénoms :</bb> ici
<bb>âge :</bb> ici
<bb>origines : </bb> ici
<bb>profession :</bb> ici
<bb>nature du sang : </bb> ici
<bb>personnalité :</bb> ici
<bb>particularité : </bb> ici </div><!-- FIN ID SCENAR -->
<!-- bloc texte --> <div class="base__sbox sbox2"><div class="title2">INFORMATIONS IMPORTANTES</div>
Ici, vous pouvez ajouter votre chronologie, des anecdotes, tout ce qui peut aider le joueur à réfléchir à un lien avec votre personnage
</div><!-- FIN bloc texte --><!-- Bloc Left --> <div class="base__bbox"><div class="title2">liens recherchés</div><div class="bbox_inside"><ul><li2><b>lien recherché</b></li2>
<li2><b>lien recherché</b></li2>
<li2><b>lien recherché</b></li2>
</ul></div></div><!-- FIN Bloc Left --> <!--
Bloc Right--> <div class="base__bbox"><div class="title2">listes des rps</div><div class="bbox_inside"><ul><bb>rps en cours</bb>
<li2><b>titre du rp</b> (@"nomduperso")</li2>
<bb>rps terminés</bb>
<li2><b>titre du rp</b> (@"nomduperso")</li2></ul></div></div><!-- FIN Bloc Right --></base__bg fbottin_bg> </scenar_fond>