Codage de fiche

<center><div class="fichepresa"><div class="pseudo">azraël-sky </br>strudwick</div><div class="feat">feat lucy hale</div><div class="bloc scroll"><div class="titre">id card</div><div class="texte"><luv>Nom ;</luv> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima asperiores debitis. <luv1>prénom(s) ;</luv1> odio minus veniam atque sapiente, porro expedita voluptate cupiditate voluptates <luv>âge ;</luv> ipsum consequuntur reiciendis iusto tenetur, rerum enim ratione harum. <luv1>orientation sexuelle ;</luv1> blabla blabla blabla <luv>statut social ;</luv> blabla blabla blabla <luv1>date et lieu de naissance ;</luv1> Lorem ipsum dolor sit amet, consectetur adipisicing elit. <luv>nationalité ;</luv> Incidunt quis ullam necessitatibus <luv1>groupe ;</luv1> error laborum sed, debitis sint iure, veritatis, <luv>crédits ;</luv> nihil non blanditiis! <luv1>inventé/scénario ;</luv1> blabla blabla blabla</div></div>
<div class="avatar" style="background-image:url(https://i.imgbox.com/5bGZaCIY.png);"></div><div class="bloc1 scroll"><div class="texte"><luv>les tics et les manies</luv> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe ducimus qui, alias, fugit explicabo pariatur expedita molestias, sed, iure necessitatibus doloribus repudiandae voluptates nam praesentium quasi. . Saepe ducimus qui, alias, fugit explicabo pariatur expedita molestias, sed, iure necessitatibus doloribus repudiandae voluptates nam praesentium quasi. Architecto dolorum debitis commodi. . Saepe ducimus qui, alias, fugit explicabo pariatur expedita molestias, sed, iure necessitatibus doloribus repudiandae voluptates nam praesentium quasi. Architecto dolorum debitis commodi.</div></div><div class="bloc3 scroll"><div class="texte"><luv>pseudo ;</luv> Lorem ipsum <luv1>âge ;</luv1> dolor sit <luv>pays ;</luv> amet, <luv1>comment as tu connu le forum ?</luv1>consectetur adipisicing elit. Blanditiis vel sint, consequatur. <luv>un dernier mot ?</luv> blabla blabla blabla</div></div>
 <div class="bloc2 scroll"><div class="texte"><luv>qualité ;</luv> <luv1>défaut ;</luv1> <luv>qualité ;</luv> <luv1>défaut ;</luv1> <luv>qualité ;</luv> <luv1>défaut ;</luv1> <luv>qualité ;</luv> <luv1>défaut ;</luv1> <luv>qualité ;</luv> <luv>qualité ;</luv> <luv1>défaut ;</luv1> <luv>qualité ;</luv> <luv1>défaut ;</luv1> <luv>qualité ;</luv> <luv1>défaut ;</luv1> <luv>qualité ;</luv> <luv1>défaut ;</luv1> <luv>qualité ;</luv></div></div><div class="gif" style="background-image:url(https://media.giphy.com/media/3oEjHPePfJ9pRArh0Q/giphy.gif);"></div><div class="gif1" style="background-image:url(https://media.giphy.com/media/3oEjHS5nBFakgs3Zi8/giphy.gif);"></div><div class="gif2" style="background-image:url(https://media.giphy.com/media/3oEjHOE4yhjoqrGFfq/giphy.gif);"></div></div>
 
</center>

<div class="fichehistoire"><div class="bordurehaut"><div class="titrehistoire">titre de<br>ton histoire</div><div class="citation">ta petite citation</div><div class="gifhist" style="background-image:url(http://68.media.tumblr.com/2aa0ed8fc763249f02ed3ae74b8e3936/tumblr_inline_nthx38LNb71qlt39u_500.gif);"></div></div><div class="writehistory">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus quos corporis rem facilis ullam quis eligendi dicta maxime, reprehenderit praesentium quia velit doloremque labore quam numquam? Cupiditate, voluptas voluptatum autem. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium rerum deleniti molestiae voluptates consequuntur a, omnis quam? Vitae nostrum tempora molestiae, quae, dolores dolorem earum ipsam numquam pariatur ab in! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias id amet, inventore, porro labore harum architecto quibusdam numquam quod iusto aperiam esse nesciunt eaque laborum, ex nulla obcaecati velit aliquid?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet dicta reiciendis tenetur aliquam voluptatem quod itaque neque, ullam repudiandae unde dolor animi, iure aliquid doloremque totam, tempora distinctio, velit sapiente.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab voluptatibus labore, laudantium, nihil accusamus deleniti culpa rerum fuga architecto ipsam est asperiores, ex cumque. Minima unde sit laborum, ipsam eos.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus doloremque quas quidem labore, ipsum est magnam, molestiae veniam ipsa obcaecati impedit unde dolorum, eum amet maiores debitis exercitationem veritatis accusamus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos reiciendis molestias doloremque quibusdam neque minus magni, architecto possimus dicta ipsam magnam officiis reprehenderit. Explicabo quas reiciendis odit. Libero, numquam? Hic.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel, dolor reiciendis! Nam iusto ea laborum dolore animi? Quaerat quia maxime beatae, aliquam vero atque deserunt, saepe ratione accusamus. Error, impedit!</div></div>