Code Scénario Obligatoire

<div class="fichepresntos fichescenarntos"><!-- Image de fond --><div class="fondimage"><img src="https://i.pinimg.com/originals/f3/8d/55/f38d55a7fdcd03d405ffc9182330faa8.gif"/></div><div class="fichepresflex"><!-- Avatar --><img src="https://i.imgur.com/KRod34Q.jpg" class="avatarimage"/><!-- Nom et infos --><div class="liennom"><div class="titrepres">Infos générales</div><div class="infosinfos">◭ Nom: ...
◭ Prénoms: ...
◭ Age: ...
◭ Lieu de naissance: ...
◭ Race: ...
◭ Groupe: ...
◭ Métier/Etudes: ...
◭ Statut Matrimonial et Orientation sexuelle: ...
◭ Avatar: ...</div><!-- Fin Nom et infos --></div></div><!-- Histoire --><div class="recensntos"><div class="titrepres">Histoire</div><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut aliquam arcu ut ligula sagittis commodo ac eget purus. Proin elementum euismod magna, et pharetra sem scelerisque sollicitudin. Duis id tempus ligula, non ultricies velit. Pellentesque egestas placerat accumsan. Aliquam dui est, hendrerit non mollis non, egestas sit amet tortor. Vestibulum sodales mauris vitae orci elementum, non dignissim velit faucibus. Etiam vestibulum, lectus ullamcorper fermentum ornare, lacus arcu iaculis tortor, id suscipit velit nibh ac massa. Proin sit amet consequat massa.

In hendrerit lorem non sapien varius, sit amet vulputate risus accumsan. Quisque egestas tempus consequat. Nullam vitae imperdiet orci. Aliquam placerat tristique tortor, ac fermentum turpis mattis a. Sed molestie rutrum tellus, eu tincidunt quam tempus id. Aliquam venenatis mauris lorem, sed molestie nisl tempus a. Aliquam justo libero, facilisis ac posuere vitae, gravida eget justo.</span></div><!-- Fin Histoire --><!-- Liens --><div class="titrepres">Liens</div><!-- Lien image à droite --><div class="jouflex"><!-- Blabla --><div><div class="titrepres">Nom - Nature du lien</div><span>Nunc rhoncus quam sapien, ac consectetur quam consequat quis. Suspendisse interdum nisl turpis, vel tristique eros euismod id. Cras vestibulum tempor eros, sed cursus lectus tristique a. Proin et mollis arcu. Etiam non pellentesque tortor, sed convallis metus. Aliquam mi metus, hendrerit hendrerit elit quis, laoreet finibus mi. Aenean nulla nisl, iaculis non nibh id, rutrum luctus lacus. Quisque interdum et sem vel volutpat. Nullam sed finibus lacus, at aliquam neque. Etiam id nisl ut augue bibendum mattis. Sed sit amet arcu in neque malesuada suscipit id et ligula. </span></div><div class="jouflexavatar"><img src="https://i.imgur.com/TKePegx.jpg"/></div></div><!-- Lien image à gauche --><div class="jouflex reverse"><!-- Blabla --><div><div class="titrepres">Nom - Nature du lien</div><span>Nunc rhoncus quam sapien, ac consectetur quam consequat quis. Suspendisse interdum nisl turpis, vel tristique eros euismod id. Cras vestibulum tempor eros, sed cursus lectus tristique a. Proin et mollis arcu. Etiam non pellentesque tortor, sed convallis metus. Aliquam mi metus, hendrerit hendrerit elit quis, laoreet finibus mi. Aenean nulla nisl, iaculis non nibh id, rutrum luctus lacus. Quisque interdum et sem vel volutpat. Nullam sed finibus lacus, at aliquam neque. Etiam id nisl ut augue bibendum mattis. Sed sit amet arcu in neque malesuada suscipit id et ligula. </span></div><div class="jouflexavatar"><img src="https://i.imgur.com/TKePegx.jpg"/>
</div></div><div class="jouflex"><!-- Blabla --><div><div class="titrepres">Nom - Nature du lien</div><span>Nunc rhoncus quam sapien, ac consectetur quam consequat quis. Suspendisse interdum nisl turpis, vel tristique eros euismod id. Cras vestibulum tempor eros, sed cursus lectus tristique a. Proin et mollis arcu. Etiam non pellentesque tortor, sed convallis metus. Aliquam mi metus, hendrerit hendrerit elit quis, laoreet finibus mi. Aenean nulla nisl, iaculis non nibh id, rutrum luctus lacus. Quisque interdum et sem vel volutpat. Nullam sed finibus lacus, at aliquam neque. Etiam id nisl ut augue bibendum mattis. Sed sit amet arcu in neque malesuada suscipit id et ligula. </span></div><div class="jouflexavatar"><img src="https://i.imgur.com/TKePegx.jpg"/></div></div><!-- Lien image à gauche --><div class="jouflex reverse"><!-- Blabla --><div><div class="titrepres">Nom - Nature du lien</div><span>Nunc rhoncus quam sapien, ac consectetur quam consequat quis. Suspendisse interdum nisl turpis, vel tristique er :affraid:  :affraid: os euismod id. Cras vestibulum tempor eros, sed cursus lectus tristique a. Proin et mollis arcu. Etiam non pellentesque tortor, sed convallis metus. Aliquam mi metus, hendrerit hendrerit elit quis, laoreet finibus mi. Aenean nulla nisl, iaculis non nibh id, rutrum luctus lacus. Quisque interdum et sem vel volutpat. Nullam sed finibus lacus, at aliquam neque. Etiam id nisl ut augue bibendum mattis. Sed sit amet arcu in neque malesuada suscipit id et ligula. </span></div><div class="jouflexavatar"><img src="https://i.imgur.com/TKePegx.jpg"/></div></div><!-- Fin Liens --><!-- Précisions --><div class="anecdntos"><div class="titrepres">Précisions</div><span>Maecenas malesuada iaculis viverra. Nunc lectus nunc, interdum vitae suscipit at, semper in justo. Nullam in vestibulum arcu. Donec ut blandit quam. Cras lobortis ante at elit blandit fringilla sed vel nulla. Morbi eget velit gravida, fringilla urna ut, luctus neque. Ut ac lectus erat. Nullam sed feugiat neque. Donec sit amet eleifend eros. Ut sagittis augue eget elit mollis, nec sollicitudin orci tempor. Donec pharetra sit amet nisi eu elementum. Vestibulum posuere sed nisl in lobortis. Maecenas eget elementum libero, eu mollis nisi. Donec aliquet tortor ac nisi placerat, sed pharetra diam cursus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span></div><!-- Fin Précisions --><!-- Fin de fiche --></div>