<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">☾ comme un livre ouvert ☽</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">☾ Lier nos âmes ☽</div><div class="text"><span class="balise_light">Type de lien recherché (H/F) :</span> 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.
<span class="balise_light">Type de lien recherché (H/F) :</span> 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.
<span class="balise_light">Type de lien recherché (H/F) :</span> 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.
<span class="balise_light">Type de lien recherché (H/F) :</span> 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.
</div></div><div class="col2"><div class="balise">☾ empreinte du temps ☽</div><div class="text"><span class="balise_light">Objectif à court terme :</span> 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.
<span class="balise_light">Objectif à moyen terme :</span> 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.
<span class="balise_light">Objectif à long terme :</span> 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.</div></div></div><div style="display:flex;margin-top:20px;"><div class="text"><span class="balise">RPs en cours</span>
<a href="">Titre du RP</a> ft. @"Pseudo"
<a href="">Titre du RP</a> ft. @"Pseudo"
<a href="">Titre du RP</a> ft. @"Pseudo"
<a href="">Titre du RP</a> ft. @"Pseudo"
<a href="">Titre du RP</a> ft. @"Pseudo"
<span class="balise">RPs terminés</span>
<a href="">Titre du RP</a> ft. @"Pseudo"
<a href="">Titre du RP</a> ft. @"Pseudo"
<a href="">Titre du RP</a> ft. @"Pseudo"
<a href="">Titre du RP</a> ft. @"Pseudo"
<a href="">Titre du RP</a> ft. @"Pseudo"
<span class="balise">RPs abandonnés</span>
<a href="">Titre du RP</a> ft. @"Pseudo"
<a href="">Titre du RP</a> ft. @"Pseudo"
<a href="">Titre du RP</a> ft. @"Pseudo"
<span class="balise">RPs à venir</span>
ft. @"Pseudo"
ft. @"Pseudo"
ft. @"Pseudo"</div></div>
Accueil 