Exemple de fiche relationnel

<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet">
<style>.overjez::-webkit-scrollbar {width:3px;}.overjez::-webkit-scrollbar-thumb {background:#B3B3B3;}</style>

<center><div style="width: 450px; background-color: #EEEEEE; box-shadow: 0px 0px 1px #B3B3B3;"><br>
<table><td><img src="https://media3.giphy.com/media/Sj3tPnDgLni5a/100.gif" width="150px" /></td><td> <img src="https://61.media.tumblr.com/9a5cf25e742e1b55b69ccdeb7130195f/tumblr_o1v3fjjUbm1ud4mdwo2_100.png" width="100px" /></td><td><img src="https://media0.giphy.com/media/5sis9vqpUVcWI/100.gif" width="150px" /></td></table>
<table><td><div style="width: 150px; height: 25px; background-color: #9DC3C3;"></div></td><td><div style="width: 100px; height: 25px; background-color: #A86A6A;"></div></td><td><div style="width: 150px; height: 25px; background-color: #9DC3C3;"></div></td></table>

<div style="font-family: 'Kaushan Script', cursive; font-size: 35px; color: #9DC3C3; text-align: left; margin-left: 40px;">Prénom <font color="#A86A6A">Nom</font></div>
<div style="width: 400px;font-family: 'Questrial', sans-serif; font-size: 15px; text-align: justify; opacity: 0.5;"><i>“ Tu n'es que ce que tu décides d'être, et ce, peu importe ce qu'on te dit. „</i></div>
<table><td><div style="background-color: #E4E4E4; width: 300px; height: 100px; font-family: 'Questrial', sans-serif; font-size: 10px; text-align: justify; overflow: auto; line-height: 10px;" class="overjez" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec ipsum pretium, malesuada risus sed, vehicula dui. Morbi laoreet justo lorem, laoreet suscipit urna hendrerit a. Sed eros sem, consequat id aliquet vehicula, commodo non elit. Vestibulum at nisl suscipit quam pharetra bibendum. Pellentesque accumsan interdum mi, ac dapibus dolor accumsan vitae. Phasellus pellentesque vel nulla ut lacinia. Suspendisse potenti. Pellentesque id ex rutrum, interdum ex id, dapibus nulla. Integer sapien orci, fermentum ac felis quis, rhoncus mattis dolor. Integer in dui consequat, lobortis enim id, porttitor nisl. Sed vitae aliquam ante. </div></td>
<td><div style="width: 95px; height: 95px; background-color: #E4E4E4; font-family: 'Kaushan Script', cursive; padding: 5px;color: #808080; font-size: 18px; text-align: center;">RP: open<br><br>Liens: open<br><br><a href="#">Présa</a></div></td></table>
<div style="font-family: 'Questrial', sans-serif; font-size: 8px; opacity: 0.5;"><a href="http://libre-service.tumblr.com">#iwhae</a></div></div></center>

<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet"><style>.overjez::-webkit-scrollbar {width:3px;}.overjez::-webkit-scrollbar-thumb {background:#B3B3B3;}</style>

<center><div style="width: 450px; background-color: #EEEEEE; box-shadow: 0px 0px 1px #B3B3B3;"><br>
<!--PARTIE A RAJOUTER--><div style="font-family: 'Kaushan Script', cursive; font-size: 25px; color: #9DC3C3; text-align: left; margin-left: 40px;">Prénom <font color="#A86A6A">Nom</font></div>
<table><td><img src="https://media0.giphy.com/media/5sis9vqpUVcWI/100.gif" width="150px" height="100px" /></td><td><div style="background-color: #E4E4E4; width: 255px; height: 100px; font-family: 'Questrial', sans-serif; font-size: 10px; text-align: justify; overflow: auto; line-height: 10px;" class="overjez">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec turpis non dui vestibulum tincidunt eget sed risus. Donec mauris enim, ultrices vel risus eget, imperdiet placerat lectus. Vestibulum at ultricies tellus, ac bibendum libero. Donec consectetur eget erat sit amet blandit. Vivamus sed ex vel nulla pharetra egestas gravida sed ante. Phasellus at nisi eget libero cursus condimentum. Praesent aliquet pharetra massa, in rhoncus lorem pharetra egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec turpis non dui vestibulum tincidunt eget sed risus. Donec mauris enim, ultrices vel risus eget, imperdiet placerat lectus. Vestibulum at ultricies tellus, ac bibendum libero. Donec consectetur eget erat sit amet blandit. Vivamus sed ex vel nulla pharetra egestas gravida sed ante.</div></td></table>

<div style="font-family: 'Kaushan Script', cursive; font-size: 25px; color: #9DC3C3; text-align: left; margin-left: 40px;">Prénom <font color="#A86A6A">Nom</font></div>
<table><td><div style="background-color: #E4E4E4; width: 255px; height: 100px; font-family: 'Questrial', sans-serif; font-size: 10px; text-align: justify; overflow: auto; line-height: 10px;" class="overjez">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec turpis non dui vestibulum tincidunt eget sed risus. Donec mauris enim, ultrices vel risus eget, imperdiet placerat lectus. Vestibulum at ultricies tellus, ac bibendum libero. Donec consectetur eget erat sit amet blandit. Vivamus sed ex vel nulla pharetra egestas gravida sed ante. Phasellus at nisi eget libero cursus condimentum. Praesent aliquet pharetra massa, in rhoncus lorem pharetra egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec turpis non dui vestibulum tincidunt eget sed risus. Donec mauris enim, ultrices vel risus eget, imperdiet placerat lectus. Vestibulum at ultricies tellus, ac bibendum libero. Donec consectetur eget erat sit amet blandit. Vivamus sed ex vel nulla pharetra egestas gravida sed ante.</div></td><td><img src="https://media3.giphy.com/media/Sj3tPnDgLni5a/100.gif" width="150px" height="100px" /></td></table>
<!--FIN PARTIE A RAJOUTER-->
<!--PARTIE A RAJOUTER--><div style="font-family: 'Kaushan Script', cursive; font-size: 25px; color: #9DC3C3; text-align: left; margin-left: 40px;">Prénom <font color="#A86A6A">Nom</font></div>
<table><td><img src="https://media0.giphy.com/media/5sis9vqpUVcWI/100.gif" width="150px" height="100px" /></td><td><div style="background-color: #E4E4E4; width: 255px; height: 100px; font-family: 'Questrial', sans-serif; font-size: 10px; text-align: justify; overflow: auto; line-height: 10px;" class="overjez">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec turpis non dui vestibulum tincidunt eget sed risus. Donec mauris enim, ultrices vel risus eget, imperdiet placerat lectus. Vestibulum at ultricies tellus, ac bibendum libero. Donec consectetur eget erat sit amet blandit. Vivamus sed ex vel nulla pharetra egestas gravida sed ante. Phasellus at nisi eget libero cursus condimentum. Praesent aliquet pharetra massa, in rhoncus lorem pharetra egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec turpis non dui vestibulum tincidunt eget sed risus. Donec mauris enim, ultrices vel risus eget, imperdiet placerat lectus. Vestibulum at ultricies tellus, ac bibendum libero. Donec consectetur eget erat sit amet blandit. Vivamus sed ex vel nulla pharetra egestas gravida sed ante.</div></td></table>

<div style="font-family: 'Kaushan Script', cursive; font-size: 25px; color: #9DC3C3; text-align: left; margin-left: 40px;">Prénom <font color="#A86A6A">Nom</font></div>
<table><td><div style="background-color: #E4E4E4; width: 255px; height: 100px; font-family: 'Questrial', sans-serif; font-size: 10px; text-align: justify; overflow: auto; line-height: 10px;" class="overjez">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec turpis non dui vestibulum tincidunt eget sed risus. Donec mauris enim, ultrices vel risus eget, imperdiet placerat lectus. Vestibulum at ultricies tellus, ac bibendum libero. Donec consectetur eget erat sit amet blandit. Vivamus sed ex vel nulla pharetra egestas gravida sed ante. Phasellus at nisi eget libero cursus condimentum. Praesent aliquet pharetra massa, in rhoncus lorem pharetra egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec turpis non dui vestibulum tincidunt eget sed risus. Donec mauris enim, ultrices vel risus eget, imperdiet placerat lectus. Vestibulum at ultricies tellus, ac bibendum libero. Donec consectetur eget erat sit amet blandit. Vivamus sed ex vel nulla pharetra egestas gravida sed ante.</div></td><td><img src="https://media3.giphy.com/media/Sj3tPnDgLni5a/100.gif" width="150px" height="100px" /></td></table>
<!--FIN PARTIE A RAJOUTER-->
<table><td><div style="width: 150px; height: 25px; background-color: #9DC3C3;"></div></td><td><div style="width: 100px; height: 25px; background-color: #A86A6A;"></div></td><td><div style="width: 150px; height: 25px; background-color: #9DC3C3;"></div></td></table>
<div style="font-family: 'Questrial', sans-serif; font-size: 8px; opacity: 0.5;"><a href="http://libre-service.tumblr.com">#iwhae</a></div></div></center>