<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://i231.photobucket.com/albums/ee177/lunargull/bioshock/batch10/bsic11.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">physique • </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.
<span class="infos">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.
<span class="infos">lieu de naissance • </span>écrire ici.
<span class="infos">lieu de résidence • </span>écrire ici.
</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">A PROPOS DE TOI • </span>raconte toute ta vie. </div><div style="font-family: Raleway; font-size: 38px; color: #81F3E4; text-transform: uppercase; padding-top: 10px; margin-left: 10px;">& YOU ?</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://i231.photobucket.com/albums/ee177/lunargull/bioshock/batch10/bsic11.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'>
