<center><div class="top"><AAA>nom prénom</AAA></div><div class="center"><div class="left"><BBB>ft. avatar.</BBB></div>
<div class="infprez"><CCC>nom ◈</CCC> texte. <DDD>prénom ◈</DDD> texte. <CCC>surnom ◈</CCC> texte. <DDD>âge ◈</DDD> texte. <CCC>date et lieu de naissance ◈</CCC> texte.  <DDD>orientation sexuelle ◈</DDD> texte. <CCC>situation sentimentale ◈</CCC> texte. <DDD>groupe ◈</DDD> texte.</div>
<img src="IMAGE" style="width:100%"/>

<BBB><div class="right">en quelques mots, je suis...</div></BBB>
<div class="fond"><div style="overflow:auto; max-height:150px"></div></div>
<BBB>mes recherches de liens</BBB><div class="infprez"><ccc>(m/f) type de lien ◈</ccc> description.
<ddd>(m/f) type de lien ◈</ddd> description.</div></div><div class="bottom"></div></center>

<center><div class="top"><AAA>filles/garçons</AAA></div><div class="center"><BBB><div class="right">nom ◈ lien</div></BBB>
<table><tr><td><img src="http://i.imgur.com/v1yLFYg.png" style="width:100px"/></td><td><div class="fond"><div style="height:150px;overflow:auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat, orci at gravida fermentum, dui neque pellentesque nibh, non sodales diam orci id mi. Aenean condimentum dignissim tellus, sed semper magna hendrerit nec. Nam ligula elit, pellentesque sed facilisis at, semper cursus nisl. Pellentesque sollicitudin nisi et porta sollicitudin. Curabitur sit amet sapien posuere, bibendum turpis ut, fringilla neque. Nunc enim mauris, luctus ac gravida in, cursus ac eros. Ut imperdiet ultrices diam. Aliquam erat volutpat.</div></td></tr></table>
<BBB><div class="left">nom ◈ lien</div></BBB>
<table><tr><td><div class="fond"><div style="height:150px;overflow:auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat, orci at gravida fermentum, dui neque pellentesque nibh, non sodales diam orci id mi. Aenean condimentum dignissim tellus, sed semper magna hendrerit nec. Nam ligula elit, pellentesque sed facilisis at, semper cursus nisl. Pellentesque sollicitudin nisi et porta sollicitudin. Curabitur sit amet sapien posuere, bibendum turpis ut, fringilla neque. Nunc enim mauris, luctus ac gravida in, cursus ac eros. Ut imperdiet ultrices diam. Aliquam erat volutpat.</div></div></td><td><img src="http://i.imgur.com/v1yLFYg.png" style="width:100px"/></td></tr></table></div><div class="bottom"></div></center>