Code:

<div class="simple dark highlight"><h2>prénom(s) nom</h2><pp>feat. avatar</pp></div><!--

--><div class="flexrow simple nopadding ava"><!--

--><div class="simple middle ava"><img src="https://images2.imgbox.com/bd/7b/cd3GTDMQ_o.png"/></div><!--

--><div class="flexcolumn"><div class="simple light scroll_js" style="overflow: hidden;"><ro>identité</ro> répondre ici. <ro>naissance, âge</ro> répondre ici. <ro>origines, nationalité</ro> répondre ici. <ro>orientation, statut</ro> répondre ici. <ro>genre, pronoms</ro> répondre ici. <ro>métier [<u>$$$</u>$$$]</ro> répondre ici, souligner le montant correspondant.</ro> répondre ici. <ro>groupe</ro> répondre ici. </div><!--


! ! ! ! A T T E N T I O N ! ! ! !
les informations ci-dessous sont récapitulatives, soyez bref.ve.

--><div class="simple middle no-extend"><pl>âge - métier - statut - groupe</pl></div></div></div><!--


--><div class="simple light"><h3>taking a closer look</h3><br/><div class="flexrow"><!--

--><div class="simple light"><scroll><ro>caractère</ro> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tristique nec diam nec efficitur. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam non magna nec magna facilisis convallis eu a arcu. Sed eu ullamcorper velit, a scelerisque diam. Fusce sed nisi efficitur, egestas odio ut, interdum ipsum. Mauris vulputate id lacus vitae ultrices. Nullam sit amet lacus leo. Suspendisse fermentum, eros eu ullamcorper euismod, nisi purus tempus odio, eget pharetra purus justo ac magna. Ut ut vestibulum nunc. Proin auctor leo eu enim ultricies, ut tempus nisl sodales. Maecenas pretium, sapien sit amet scelerisque ultricies, enim est facilisis justo, ut aliquet ligula odio sit amet leo. Sed eu pellentesque augue, ac laoreet sem. In sit amet lobortis ipsum. Cras varius id nulla nec gravida.</scroll></div><!--

--><scroll><ro>faits divers</ro> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tristique nec diam nec efficitur. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam non magna nec magna facilisis convallis eu a arcu. Sed eu ullamcorper velit, a scelerisque diam. Fusce sed nisi efficitur, egestas odio ut, interdum ipsum. Mauris vulputate id lacus vitae ultrices. Nullam sit amet lacus leo. Suspendisse fermentum, eros eu ullamcorper euismod, nisi purus tempus odio, eget pharetra purus justo ac magna. Ut ut vestibulum nunc. Proin auctor leo eu enim ultricies, ut tempus nisl sodales. Maecenas pretium, sapien sit amet scelerisque ultricies, enim est facilisis justo, ut aliquet ligula odio sit amet leo. Sed eu pellentesque augue, ac laoreet sem. In sit amet lobortis ipsum. Cras varius id nulla nec gravida.</scroll></div></div><!--

--><div class="simple light"><h3>prénom, pseudo (pronoms)</h3>
<ro>personnage</ro> inventé, pré-lien, scénario ? répondre ici, taguer le.a créateurice si applicable. <ro>crédits</ro> répondre ici. <ro>tout sur l'artiste</ro> répondre ici, autant que tu veux, c'est ton heure de gloire.</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tristique nec diam nec efficitur. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam non magna nec magna facilisis convallis eu a arcu. Sed eu ullamcorper velit, a scelerisque diam. Fusce sed nisi efficitur, egestas odio ut, interdum ipsum. Mauris vulputate id lacus vitae ultrices. Nullam sit amet lacus leo. Suspendisse fermentum, eros eu ullamcorper euismod, nisi purus tempus odio, eget pharetra purus justo ac magna. Ut ut vestibulum nunc. Proin auctor leo eu enim ultricies, ut tempus nisl sodales. Maecenas pretium, sapien sit amet scelerisque ultricies, enim est facilisis justo, ut aliquet ligula odio sit amet leo. Sed eu pellentesque augue, ac laoreet sem. In sit amet lobortis ipsum. Cras varius id nulla nec gravida.

Sed nec ex in sapien iaculis pulvinar. Vestibulum ut eros faucibus arcu semper dapibus ac a orci. Sed eleifend egestas vehicula. Etiam cursus elit lectus. Nullam sagittis mi mollis ante elementum, ac lobortis tortor placerat. Nullam lobortis ac sapien sed sagittis. Etiam dui ante, ornare id laoreet sed, ornare nec mauris. Vestibulum blandit auctor ullamcorper. Curabitur pharetra sem vel orci congue, eget consectetur ligula accumsan. Mauris condimentum iaculis ex, et eleifend lorem condimentum quis.

Pellentesque fermentum justo vel mauris rhoncus scelerisque. Pellentesque accumsan elementum quam, et tristique nisl pretium in. Vestibulum posuere imperdiet libero scelerisque rutrum. Etiam quis diam sed ex auctor sollicitudin eget eu nisi. Mauris ut faucibus mauris, in auctor metus. Integer ut tellus nulla. Cras non vehicula enim, nec dictum nulla. Integer ultrices, tortor vitae gravida vestibulum, massa purus pellentesque dui, eget efficitur massa urna a enim. Nulla aliquam venenatis tristique. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam vel faucibus nisi. Vestibulum sed neque quam. Sed a est vel augue consectetur laoreet at sed elit. Nullam maximus vehicula lorem, in aliquet mauris fringilla id.

Code:

<div class="simple light"><h3>histoire</h3><pp>sous-titre</pp></div><br/><!--

-->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tristique nec diam nec efficitur. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam non magna nec magna facilisis convallis eu a arcu. Sed eu ullamcorper velit, a scelerisque diam. Fusce sed nisi efficitur, egestas odio ut, interdum ipsum. Mauris vulputate id lacus vitae ultrices. Nullam sit amet lacus leo. Suspendisse fermentum, eros eu ullamcorper euismod, nisi purus tempus odio, eget pharetra purus justo ac magna. Ut ut vestibulum nunc. Proin auctor leo eu enim ultricies, ut tempus nisl sodales. Maecenas pretium, sapien sit amet scelerisque ultricies, enim est facilisis justo, ut aliquet ligula odio sit amet leo. Sed eu pellentesque augue, ac laoreet sem. In sit amet lobortis ipsum. Cras varius id nulla nec gravida.

Sed nec ex in sapien iaculis pulvinar. Vestibulum ut eros faucibus arcu semper dapibus ac a orci. Sed eleifend egestas vehicula. Etiam cursus elit lectus. Nullam sagittis mi mollis ante elementum, ac lobortis tortor placerat. Nullam lobortis ac sapien sed sagittis. Etiam dui ante, ornare id laoreet sed, ornare nec mauris. Vestibulum blandit auctor ullamcorper. Curabitur pharetra sem vel orci congue, eget consectetur ligula accumsan. Mauris condimentum iaculis ex, et eleifend lorem condimentum quis.

Pellentesque fermentum justo vel mauris rhoncus scelerisque. Pellentesque accumsan elementum quam, et tristique nisl pretium in. Vestibulum posuere imperdiet libero scelerisque rutrum. Etiam quis diam sed ex auctor sollicitudin eget eu nisi. Mauris ut faucibus mauris, in auctor metus. Integer ut tellus nulla. Cras non vehicula enim, nec dictum nulla. Integer ultrices, tortor vitae gravida vestibulum, massa purus pellentesque dui, eget efficitur massa urna a enim. Nulla aliquam venenatis tristique. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam vel faucibus nisi. Vestibulum sed neque quam. Sed a est vel augue consectetur laoreet at sed elit. Nullam maximus vehicula lorem, in aliquet mauris fringilla id.