<div class="main-bg">
<img class="imgbg" src="https://zupimages.net/up/22/48/dm8c.jpg"/>
<div class="main-title">
<div class="titleA">Joli titre de votre RP</div>
<div class="titleB">
<img src="https://zupimages.net/up/22/48/hjw4.jpg"/>
<img src="https://zupimages.net/up/22/48/zmg8.jpg"/>
</div></div>
<div class="body-txt">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel rutrum nunc, mollis consequat neque. Nunc ut libero urna. Sed at dapibus sem, vel rutrum tortor. Vestibulum id convallis orci, ut luctus nisi. Integer ultrices, nisi vitae viverra fringilla, elit mi elementum ligula, vel interdum massa nisl a odio. Integer scelerisque fringilla sapien ut commodo. Aliquam ut auctor massa, in faucibus ipsum. Fusce arcu quam, aliquet in lectus in, molestie gravida nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer placerat pellentesque arcu in luctus. Sed eu sagittis purus. Aenean nec risus vitae magna sagittis vulputate a sed est. Sed fermentum iaculis eros ut cursus. Integer blandit accumsan libero sed pharetra.

- Vivamus turpis ipsum, scelerisque ac risus quis, lobortis rutrum eros.

Nullam quis pulvinar sem. Integer massa purus, tincidunt ut venenatis non, lacinia eget erat. Integer luctus auctor leo vel porttitor. Sed quis malesuada odio. Cras neque turpis, consequat sed feugiat eget, facilisis at lorem. Phasellus ultrices vulputate magna, nec ultrices quam sollicitudin quis. Integer elit nulla, rutrum a bibendum vitae, sagittis et lacus. Vivamus turpis ipsum, scelerisque ac risus quis, lobortis rutrum eros. Nulla euismod vulputate efficitur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse et euismod est. Mauris at massa molestie, bibendum ex vel, tincidunt ipsum. Nulla facilisi. Aenean ac rhoncus sapien, ut elementum lorem.

</div>
</div>

<style>.main-bg{width:520px;margin:auto;}.imgbg{width:510px;height:200px;object-fit:cover; box-shadow: 10px -10px teal;margin-bottom:15px;}.main-title{display:flex;justify-content:center;}.titleA {color:teal;font-family: 'Yeseva One', cursive; font-size:20px;display:flex;justify-content:center;align-items:center;width:50%;height:100px;margin: 12px 0 0 0;}.titleB{display:flex;justify-content:space-between;align-items:center;width:50%;height:100px;margin: 12px 0 0 12px;}.titleB img{width:100px;height:100px;border-radius:50px;object-fit:cover;}.body-txt{font-family: 'Roboto Slab', serif;text-align:justify;box-sizing:border-box;border-bottom:5px solid teal;}</style>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300&family=Yeseva+One&display=swap" rel="stylesheet">

<div class="fichebase"><div class='ficheleft'><img src="https://zupimages.net/up/22/44/jkt2.png"/></div><div class="ficheright">
[center][b]Titre du RP[/b]
[i]avec Perso 1 x Perso 2[/i][/center]

<div class="fichetxt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel rutrum nunc, mollis consequat neque. Nunc ut libero urna. Sed at dapibus sem, vel rutrum tortor. Vestibulum id convallis orci, ut luctus nisi. Integer ultrices, nisi vitae viverra fringilla, elit mi elementum ligula, vel interdum massa nisl a odio. Integer scelerisque fringilla sapien ut commodo. Aliquam ut auctor massa, in faucibus ipsum. Fusce arcu quam, aliquet in lectus in, molestie gravida nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer placerat pellentesque arcu in luctus. Sed eu sagittis purus. Aenean nec risus vitae magna sagittis vulputate a sed est. Sed fermentum iaculis eros ut cursus. Integer blandit accumsan libero sed pharetra.

Nullam quis pulvinar sem. Integer massa purus, tincidunt ut venenatis non, lacinia eget erat. Integer luctus auctor leo vel porttitor. Sed quis malesuada odio. Cras neque turpis, consequat sed feugiat eget, facilisis at lorem. Phasellus ultrices vulputate magna, nec ultrices quam sollicitudin quis. Integer elit nulla, rutrum a bibendum vitae, sagittis et lacus. Vivamus turpis ipsum, scelerisque ac risus quis, lobortis rutrum eros. Nulla euismod vulputate efficitur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse et euismod est. Mauris at massa molestie, bibendum ex vel, tincidunt ipsum. Nulla facilisi. Aenean ac rhoncus sapien, ut elementum lorem.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla auctor velit eget risus tempor dictum. Fusce ullamcorper leo nec est lobortis tempus. Proin sem magna, accumsan in sem rutrum, feugiat lobortis est. Nunc ultrices ullamcorper porta. Pellentesque fermentum turpis iaculis ex auctor congue. Aliquam vel urna ut erat fermentum pellentesque et sed ex. Duis pellentesque mauris maximus urna auctor pharetra. Donec non vulputate urna. Etiam elementum euismod fermentum. Fusce id lectus quis arcu volutpat volutpat. Proin congue nisl in mi cursus, vel laoreet leo euismod. Mauris ultricies feugiat tortor id pretium. Integer eget nibh vitae dolor dignissim commodo nec vel mi. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Sed sagittis eleifend pulvinar. Proin tortor magna, ornare nec eros sit amet, facilisis ultricies quam. Aenean lobortis blandit arcu non eleifend. Curabitur eu est pretium magna vehicula ultrices. Aliquam venenatis mauris sem, vel rutrum libero malesuada eu. Nulla ultrices metus purus, a porta elit commodo ac. Vivamus velit magna, congue et molestie et, accumsan eu dolor. Etiam cursus vel nunc id rhoncus. Maecenas pellentesque luctus interdum. Integer volutpat imperdiet mauris id vehicula. Vestibulum a justo sem. Duis tempus arcu nunc, non elementum leo bibendum id. Phasellus posuere mauris vel pharetra pretium.

</div></div>
</div>

<style>.fichebase{width:520px;height:700px;box-sizing:border-box;border:5px solid #FFF0F5;background:#FFF0F5;margin:auto;display:flex;justify-content:center;}.ficheleft{width:200px;}.ficheleft img{opacity:0.8;width:200px;height:690px;object-fit:cover;}.ficheright{width:320px;background:white;color:black;text-align:justify;}.fichetxt{height:580px;padding:15px;overflow:auto;}</style>

<div class="mainbg"><img src="https://zupimages.net/up/22/48/t3to.jpg"><div class="bodytxt"><div class="flex"><img src="https://zupimages.net/up/22/48/ydug.jpg">
<img src="https://zupimages.net/up/22/48/xaus.jpg"></div>
<div class="bodytitle">Titre du RP</div>
<div style="text-decoration:italic;font-family: 'Merriweather', serif;font-size:10px;text-align:center;">Premier personnage x Second personnage</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel rutrum nunc, mollis consequat neque. Nunc ut libero urna. Sed at dapibus sem, vel rutrum tortor. Vestibulum id convallis orci, ut luctus nisi. Integer ultrices, nisi vitae viverra fringilla, elit mi elementum ligula, vel interdum massa nisl a odio. Integer scelerisque fringilla sapien ut commodo. Aliquam ut auctor massa, in faucibus ipsum. Fusce arcu quam, aliquet in lectus in, molestie gravida nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer placerat pellentesque arcu in luctus. Sed eu sagittis purus. Aenean nec risus vitae magna sagittis vulputate a sed est. Sed fermentum iaculis eros ut cursus. Integer blandit accumsan libero sed pharetra.

Nullam quis pulvinar sem. Integer massa purus, tincidunt ut venenatis non, lacinia eget erat. Integer luctus auctor leo vel porttitor. Sed quis malesuada odio. Cras neque turpis, consequat sed feugiat eget, facilisis at lorem. Phasellus ultrices vulputate magna, nec ultrices quam sollicitudin quis. Integer elit nulla, rutrum a bibendum vitae, sagittis et lacus. Vivamus turpis ipsum, scelerisque ac risus quis, lobortis rutrum eros. Nulla euismod vulputate efficitur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse et euismod est. Mauris at massa molestie, bibendum ex vel, tincidunt ipsum. Nulla facilisi. Aenean ac rhoncus sapien, ut elementum lorem.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla auctor velit eget risus tempor dictum. Fusce ullamcorper leo nec est lobortis tempus. Proin sem magna, accumsan in sem rutrum, feugiat lobortis est. Nunc ultrices ullamcorper porta. Pellentesque fermentum turpis iaculis ex auctor congue. Aliquam vel urna ut erat fermentum pellentesque et sed ex. Duis pellentesque mauris maximus urna auctor pharetra. Donec non vulputate urna. Etiam elementum euismod fermentum. Fusce id lectus quis arcu volutpat volutpat. Proin congue nisl in mi cursus, vel laoreet leo euismod. Mauris ultricies feugiat tortor id pretium. Integer eget nibh vitae dolor dignissim commodo nec vel mi. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Sed sagittis eleifend pulvinar. Proin tortor magna, ornare nec eros sit amet, facilisis ultricies quam. Aenean lobortis blandit arcu non eleifend. Curabitur eu est pretium magna vehicula ultrices. Aliquam venenatis mauris sem, vel rutrum libero malesuada eu. Nulla ultrices metus purus, a porta elit commodo ac. Vivamus velit magna, congue et molestie et, accumsan eu dolor. Etiam cursus vel nunc id rhoncus. Maecenas pellentesque luctus interdum. Integer volutpat imperdiet mauris id vehicula. Vestibulum a justo sem. Duis tempus arcu nunc, non elementum leo bibendum id. Phasellus posuere mauris vel pharetra pretium.

</div></div>

<style>.mainbg {width:520px;margin:auto;background:#98C72A;}.mainbg img{width:520px;height:200px;object-fit:cover;}.bodytxt {width:470px;margin:auto;background:#F1F4EE;color:black;font-family: 'Merriweather', serif;font-size:13px;padding:15px;}.flex {width:470px;display:flex;justify-content:center;}.flex img {width:180px;height:100px;margin:5px;box-sizing:border-box;object-fit:cover;}.bodytitle {font-family: 'Bree Serif', serif;color:#98C72A;text-align:center;font-size:25px;}</style>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bree+Serif&family=Merriweather:wght@300&display=swap" rel="stylesheet">