Prénom Nom

ft. nom avatar

âge : XX ans.
date et lieu de naissance : Date, ville, paysorigines : origines du personnage + (avatar)
occupation : écrire ici.
orientation sexuelle et genre : écrire ici.
situation amoureuse : écrire ici.groupe : écrire ici. crédits : écrire ici. .

Code:

<div class="bloc_fiche"><div class="img_entete"><img src="https://i.imgur.com/98QcVq3.png"></div><h1 class="titre_entete">Prénom Nom</h1><h2 class="sous_titre">ft. nom avatar</h2><div class="id_card"><div class="id_avatar"><img src="https://i.imgur.com/YPAl5u7.jpg"></div><div class="id_infos"><span><aa>âge :</aa> XX ans.</span><span><aa>
date et lieu de naissance :</aa> Date, ville, pays</span><span><aa>origines :</aa> origines du personnage + (avatar)
</span><span><aa>occupation :</aa> écrire ici.</span><span><aa>
orientation sexuelle et genre :</aa> écrire ici.</span><span><aa>
situation amoureuse :</aa> écrire ici.</span><span><aa>groupe :</aa> écrire ici. </span><span><aa>crédits :</aa> écrire ici. .</div>
</div>
<div class="bloc_prez"><h3><aa>petit résumé de votre personnage</aa></h3><blockquote>Décrivez votre personnage afin que vos partenaires potentiels puissent en avoir une bonne idée et vous proposer des liens sur mesures.</blockquote>
</div>
<div class="bloc_prez"><h3><aa>liens recherchés</aa></h3><blockquote>Quels liens ton personnage attend-il ?</blockquote>
</div>
<div class="bloc_prez"><h3><aa>rps complétés</aa></h3><blockquote>...</blockquote>
</div>

Petit titre ici

sous-titre

Les liens

nom du personnage  —  époque
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus nisl non tincidunt molestie. Integer a cursus sem, et sagittis urna. Integer id placerat ex. Class aptent taciti sociosqu ad litora torquent

Les liens

nom du personnage  —  époque
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus nisl non tincidunt molestie. Integer a cursus sem, et sagittis urna. Integer id placerat ex. Class aptent taciti sociosqu ad litora torquent

Les liens

nom du personnage  —  époque
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus nisl non tincidunt molestie. Integer a cursus sem, et sagittis urna. Integer id placerat ex. Class aptent taciti sociosqu ad litora torquent

Code:

<div class="bloc_fiche"><div class="img_entete"><img src="https://i.imgur.com/98QcVq3.png"></div><h1 class="titre_entete">Petit titre ici</h1><h2 class="sous_titre">sous-titre</h2>
<div class="bloc_prez vie_ant"><h3><aa>Les liens</aa></h3><blockquote><img src="https://i.imgur.com/98QcVq3.png" class="vie_ant"><aa>nom du personnage  —  époque</aa>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus nisl non tincidunt molestie. Integer a cursus sem, et sagittis urna. Integer id placerat ex. Class aptent taciti sociosqu ad litora torquent </blockquote></div>
<div class="bloc_prez vie_ant"><h3><aa>Les liens</aa></h3><blockquote><img src="https://i.imgur.com/98QcVq3.png" class="vie_ant"><aa>nom du personnage  —  époque</aa>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus nisl non tincidunt molestie. Integer a cursus sem, et sagittis urna. Integer id placerat ex. Class aptent taciti sociosqu ad litora torquent </blockquote></div>
<div class="bloc_prez vie_ant"><h3><aa>Les liens</aa></h3><blockquote><img src="https://i.imgur.com/98QcVq3.png" class="vie_ant"><aa>nom du personnage  —  époque</aa>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus nisl non tincidunt molestie. Integer a cursus sem, et sagittis urna. Integer id placerat ex. Class aptent taciti sociosqu ad litora torquent </blockquote></div></div>

pour ajouter d'autres liens

Code:

<div class="bloc_prez vie_ant"><h3><aa>Les liens</aa></h3><blockquote><img src="https://i.imgur.com/98QcVq3.png" class="vie_ant"><aa>nom du personnage  —  époque</aa>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus nisl non tincidunt molestie. Integer a cursus sem, et sagittis urna. Integer id placerat ex. Class aptent taciti sociosqu ad litora torquent </blockquote></div>