<br><br><br><center><div style="width: 500px; height: 80px; background-color: #F75E68; background-image: url(http://image.noelshack.com/fichiers/2014/21/1401021306-patternely.png)"><div class="nb"><div style="width: 100px; height: 100px; background-image: url(http://www.pixenli.com/images/1401/1401273180062589700.png); border-radius: 60px; border: 5px solid #FFFFFF; position:relative; top:-15px;"></div></div></div><div style="width: 500px; height: 725px; background-color: #FFFFFF;">
<div style="font-family: Raleway; font-size: 38px; color: #81F3E4; text-transform: uppercase; padding-top: 10px;">bad moon on the rise</div>
<table><tr><td><div style="width: 150px; height: 150px; font-family: arial; font-size: 11px; line-height: 10px; text-align: justify; color: #C8C8C8; padding-top: 3px; overflow: auto;">
<span class="infos">nom • </span>écrire ici<br><span class="infos">prénom • </span>écrire ici<br><span class="infos">âge • </span>écrire ici<br><br><span class="infos">sexe • </span>écrire ici<br><span class="infos">orientation • </span>écrire ici<br><span class="infos">né(e) le • </span>écrire ici<br><br><span class="infos">groupe • </span>écrire ici<br><span class="infos">occupation • </span>écrire ici<br><span class="infos">statut social • </span>écrire ici</div><br></div><div style="font-family: Raleway; font-size: 38px; color: #81F3E4; text-transform: uppercase; padding-top: 10px;">basics</div></td>
<td><div style="width: 10px; height: 180px; margin-left: 15px; margin-top: 10px; background-image: url(http://image.noelshack.com/fichiers/2014/21/1401021306-patternely.png);"></div></td><td><div style="width: 250px; height: 180px; font-family: arial; font-size: 11px; line-height: 10px; padding-left: 15px; text-align: justify; color: #C8C8C8; padding-top: 6px; overflow: auto;"><span class="infos">personnage sur l'avatar • </span>écrire ici
<span class="infos">lieu de naissance • </span>écrire ici
<span class="infos">lieu de résidence • </span>écrire ici
<span class="infos">informations sur le caractère • </span>Il ud prompta voluptatibus ne usu. Paulo dicunt quaestio ne qui, in sapientem sententiae eos. Vitae laudem propriae cum ne, an habeo primis option vim, sit ex etiam copiosae laboramus. Eam no sanctus intellegat contentiones, eu euismod indoctum constituam pro. In his maiorum deserunt. Ne ubique pertinax assueverit eam, option evertitur ut his, mel id quis cibo explicari. Il ud prompta voluptatibus ne usu.
</div></td></tr></table>
<div style="width: 500px; height: 20px; padding-top: 10px; padding-bottom: 10px; background-color: #F75E68; background-image: url(http://image.noelshack.com/fichiers/2014/21/1401021306-patternely.png);"></div>
<div style="font-family: Raleway; font-size: 38px; color: #81F3E4; text-transform: uppercase; padding-top: 10px;">hold your breath</div><table><tr><td><div style="width: 250px; height: 180px; font-family: arial; font-size: 11px; line-height: 10px; padding-left: 15px; text-align: justify; color: #C8C8C8; padding-top: 6px; overflow: auto;"><span class="infos">histoire • </span>Lorem ipsum dolor sit amet, noster putant sea te, ex quidam principes hendrerit eum. Vim ad omnium aeterno fabulas, eos ea viderer facilisis molestiae, qui an utinam adolescens. Ei has dicta noster postulant, brute nullam sed id, sint tempor sapientem vel ea. His ornatus pertinacia rationibus ad.
Il ud prompta voluptatibus ne usu. Paulo dicunt quaestio ne qui, in sapientem sententiae eos. Vitae laudem propriae cum ne, an habeo primis option vim, sit ex etiam copiosae laboramus. Eam no sanctus intellegat contentiones, eu euismod indoctum constituam pro. In his maiorum deserunt. Ne ubique pertinax assueverit eam, option evertitur ut his, mel id quis cibo explicari. Il ud prompta voluptatibus ne usu.
</div></td>
<td><div style="width: 10px; height: 180px; margin-left: 15px; margin-top: 10px; background-image: url(http://image.noelshack.com/fichiers/2014/21/1401021306-patternely.png);"></div></td><td><div style="width: 150px; height: 150px; font-family: arial; font-size: 11px; line-height: 10px; text-align: justify; color: #C8C8C8; padding-top: 3px; overflow: auto; padding-left: 10px;">
<span class="infos">PRENOM + NOM [GROUPE] • </span>description du lien
<span class="infos">PRENOM + NOM [GROUPE] • </span>description du lien
<span class="infos">PRENOM + NOM [GROUPE] • </span>description du lien </div><div style="font-family: Raleway; font-size: 38px; color: #81F3E4; text-transform: uppercase; padding-top: 10px; margin-left: 10px;">LIENS</div></td></tr>
</table>
<div style="width: 500px; height: 80px; background-color: #F75E68; background-image: url(http://image.noelshack.com/fichiers/2014/21/1401021306-patternely.png)"><div class="nb"><div style="width: 100px; height: 100px; background-image: url(http://www.pixenli.com/images/1401/1401273215047395100.png); border-radius: 60px; border: 5px solid #FFFFFF; position:relative; top:-15px;"></div></div></div>
</div>
</center>
<style>.nb{filter: url(filters.svg#grayscale); filter: gray; -webkit-filter: grayscale(1); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s} .nb:hover{filter: none; -webkit-filter: grayscale(0);} .infos{font-family: arial; font-size: 11px; text-transform: uppercase; color: #91E3D8; font-weight: bold;}</style>
<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
