Le modèle de fiche de présentation

<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Croissant+One&family=Montserrat&display=swap" rel="stylesheet">
<div id="presentation" class="container"><div class='header'><h2 class="title">Nom Prénom</h2><div class="citation">FT. AVATAR</div></div><div class="container_flex" style="display:flex;"><div class="presa_avatar" style="flex:1;"><img src="https://images2.imgbox.com/60/22/wsjohLIL_o.png" alt=""></div><div class="presa_details" style="flex:2;"><div class="balise">☾ je t'ai créé pour que tu m'adores ☽</div><div class="text"><span class="balise_light">ÂGE, DATE ET LIEU DE NAISSANCE :</span> Ecrire ici. <span class="balise_light">PEUPLE :</span> Humain, Djinn (gardez en tête que la majeure partie des djinns sont apaisé·e·s), Nomade (ou chaman). <span class="balise_light">PROFESSION :</span> Ecrire ici. <span class="balise_light">GUILDE :</span> Passez voir leur histoire et organisation dans les annexes ! <span class="balise_light">STATUT MARITAL :</span> Ecrire ici. <span class="balise_light">CARACTÈRE :</span> N'hésitez pas à détailler et surtout à rester cohérent : le personnage parfait n'existe pas. <span class="balise_light">CARACTÉRISTIQUES :</span> Cela peut être un tatouage ou une compétence particulière, mais aussi un handicap... Bref, soyez créatif·ve·s ! Pour les Djinns, c'est ici que vous devez nous parler de votre résidu de pouvoir. <span class="balise_light">CRÉDITS :</span> Avatar by <a href="URL">someone</a> et icons by <a href="URL">someone else</a>.</div></div></div><div style="display:flex;margin-top:20px;"><div class="col1"><div class="balise">☾ souvenirs célestes ☽</div><div class="text">Cette partie est relativement libre : la seule obligation est de nous parler de l'histoire votre personnage. Cela peut être une chronologie rapide, les grandes étapes de sa vie... Pour les Djinns apaisé·e·s, n'oubliez pas de nous parler du jour où l'on vous a privé de vos pouvoirs !</div></div><div class="col2"><div class="balise">☾ rune du desert ☽</div><div class="text"><span class="balise_light">VOILÀ PRESQUE CENT ANS QUE LE MYSTÉRIEUX ORIENT EST PLONGÉ DANS LE CHAOS, LA GUERRE ET L’INJUSTICE : COMMENT VIVEZ-VOUS CETTE SITUATION ?</span> Décrivez ici comment votre personnage se positionne vis-à-vis des Croisades et des al-Mujus. A-t-iel vécu les trois ? Son avis au sujet de la chasse aux djinns a-t-il évolué au fil du temps ? Dites-nous tout !

<span class="balise_light">LA CONFRÉRIE DE LA LUMIÈRE ET LES REBEL·LE·S SONT LE SYMBOLE DE L'ESPOIR, DERNIERS REMPARTS FACE AUX TEMPLIERS. QUE PENSEZ-VOUS D'EUX ?</span> Ecrire ici.

<span class="balise_light">ET AU SUJET DE VOTRE DIVINITÉ, AL’ASAD ?</span> Votre personnage est-iel croyant·e ? A-t-iel toujours voulu satisfaire le dieu-lion ? Peut-être est-iel réfractaire à la religion ? Comment interagit-iel avec les fidèles al’assien·ne·s ?

<span class="balise_light">TOUT LE MONDE VEUT QUELQUE CHOSE. DITES-NOUS, QUEL EST VOTRE VŒU LE PLUS PRÉCIEUX ?</span> Avez-vous une quête personnelle ? Une ambition secrète ? Si vous pouviez demander à un djinn d’exécuter votre vœu le plus cher, quel serait-il ?
</div></div></div><div style="display:flex;margin-top:15px"><div style="flex:1;"><img class="round_img" src="https://2img.net/images2.imgbox.com/e3/bc/pgWGmQSe_o.png""></div><div class="details"><span class="balise_light">PSEUDO :</span> Ecrire ici. <span class="balise_light">ÂGE :</span> Ecrire ici. <span class="balise_light">PRONOM(S) :</span> Ecrire ici. <span class="balise_light">COMMENT AS-TU CONNU LE FORUM ?</span> Ecrire ici. <span class="balise_light">UN CONSEIL ?</span> Ecrire ici. <span class="balise_light">J'ACCEPTE/JE N'ACCEPTE PAS</span> que mon personnage devienne un scénario s'il venait à être supprimé.<div style="clear:both;"></div></div></div>

<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Croissant+One&family=Montserrat&display=swap" rel="stylesheet">
<div class="container"><div class='header'><h2 class="title">Titre tire titre</h2><div class="citation">Citation citation citation citation</div><div class='bloc_image'><img class="round_img" src="https://2img.net/images2.imgbox.com/e3/bc/pgWGmQSe_o.png""> <img class="round_img" src="https://2img.net/images2.imgbox.com/e3/bc/pgWGmQSe_o.png""> <img class="round_img" src="https://2img.net/images2.imgbox.com/e3/bc/pgWGmQSe_o.png""></div></div>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>