Explication & modèle pour les fiches de liens

<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet"><div class="tourfiche"><div class="imagefiche" style="background-image:url('https://78.media.tumblr.com/a5b2412641857aa1de15e0caf69870d9/tumblr_okrxfzuKCe1qdtwv2o1_1280.png');"><span class="nomprenompres">Prénom Nom</span><span class="citationfichepres">petite citation</span><div class="presentationperso"><div class="itemfiche"><span class="titreitem">NOM</span></div><div class="itemfiche"><span class="titreitem">PRENOMS</span></div><div class="itemfiche"><span class="titreitem">AGE</span></div><div class="itemfiche"><span class="titreitem">ORIENTATION</span></div><div class="itemfiche"><span class="titreitem">STATUT </span></div><div class="itemfiche"><span class="titreitem">EMPLOI </span></div><div class="itemfiche"><span class="titreitem">UNIVERS </span></div></div></div></div><div class="biografiche">Ecrire ici les infos nécessaires sur ton personnage</div><div class="lookfor"><span class="titreitem">(m/f) intitulé du lien</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed congue ullamcorper ex, at consectetur augue vestibulum ac. Praesent lacus augue, pretium non urna non, dignissim consectetur massa. Nam a consectetur velit, vel fringilla eros. Aliquam in laoreet ex, sodales viverra risus. Quisque luctus ante et leo tempus dapibus. Vivamus vel elit euismod, fringilla eros in, faucibus sapien. Integer sed fermentum erat, id iaculis turpis. Donec ut ipsum accumsan, sagittis nibh eget, tempus erat. Aenean bibendum euismod leo, in lobortis tellus vulputate at.<span class="titreitem">(m/f) intitulé du lien</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed congue ullamcorper ex, at consectetur augue vestibulum ac. Praesent lacus augue, pretium non urna non, dignissim consectetur massa. Nam a consectetur velit, vel fringilla eros. Aliquam in laoreet ex, sodales viverra risus. Quisque luctus ante et leo tempus dapibus. Vivamus vel elit euismod, fringilla eros in, faucibus sapien. Integer sed fermentum erat, id iaculis turpis. Donec ut ipsum accumsan, sagittis nibh eget, tempus erat. Aenean bibendum euismod leo, in lobortis tellus vulputate at.</div><div class="toknow"><div class="knowimage" style="background-image:url('https://i.imgur.com/2tHQWfw.png');"></div></div><div class="exordium">code by EXORDIUM. - image by tumblr - avatar by lumos solem.</div>

<link href='http://fonts.googleapis.com/css?family=Poiret+One|Six+Caps' rel='stylesheet' type='text/css'>
<center><div class="fondprez" style="width:480px;"><div class="walter2" style="font-size: 28px;">Ton titre ici </div>
<br>
<table><tr><td><img style="height:75px; width:100px;margin-left:8px; border: 2px solid rgba(0,198,143,0.15); border-radius:10px;" src="https://38.media.tumblr.com/cef650b3257d2374f6339ea186d44d34/tumblr_nlkfqdADbR1qac5b6o7_r1_400.gif"></img></td><td>
<div style="text-align:left; margin-top:-20px; margin-bottom:-25px;"><b> [size=11]PSEUDO[/size]</b>; <i>relation</i></div>

<div class="relations" style="height:50px; width:320px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu. </div></td></tr></table>
<br>
<table><tr><td>
<div style="text-align:left; margin-top:-20px; margin-bottom:-25px;"><b> [size=11]PSEUDO[/size]</b>; <i>relation</i></div>

<div class="relations" style="height:50px; width:320px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu. </div></td><td><img style="height:75px; width:100px;margin-left:8px; border: 2px solid rgba(0,198,143,0.15); border-radius:10px;" src="https://38.media.tumblr.com/cef650b3257d2374f6339ea186d44d34/tumblr_nlkfqdADbR1qac5b6o7_r1_400.gif"></img></td></tr></table>
<br>
<table><tr><td><img style="height:75px; width:100px;margin-left:8px; border: 2px solid rgba(0,198,143,0.15); border-radius:10px;" src="https://38.media.tumblr.com/cef650b3257d2374f6339ea186d44d34/tumblr_nlkfqdADbR1qac5b6o7_r1_400.gif"></img></td><td>
<div style="text-align:left; margin-top:-20px; margin-bottom:-25px;"><b> [size=11]PSEUDO[/size]</b>; <i>relation</i></div>

<div class="relations" style="height:50px; width:320px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu. </div></td></tr></table>
<br>
<table><tr><td>
<div style="text-align:left; margin-top:-20px; margin-bottom:-25px;"><b> [size=11]PSEUDO[/size]</b>; <i>relation</i></div>

<div class="relations" style="height:50px; width:320px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu. </div></td><td><img style="height:75px; width:100px;margin-left:8px; border: 2px solid rgba(0,198,143,0.15); border-radius:10px;" src="https://38.media.tumblr.com/cef650b3257d2374f6339ea186d44d34/tumblr_nlkfqdADbR1qac5b6o7_r1_400.gif"></img></td></tr></table><br></div><br/></center>