<link href="https://fonts.googleapis.com/css2?family=Muli&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet"><style> .titretxt { text-decoration-line: underline; color: #000; font-family: montserrat; font-size: 18px; margin-top: 6px; text-transform: lowercase; width:400px;} cton{ font-size: 8px; text-transform: uppercase;} .cadre { border: 1px solid #D6D6D6; background-color: #fff; line-height: 12px; padding: 15px 25px 15px 20px; text-align: justify; width: 410px;} .texte01{ font-size: 11px;    line-height: 12px; margin-left:8px; margin-right:8px;} clr{ background-image: linear-gradient(100deg,#B6BFD1,#D9AEB7); color: #fff; font-family: 'Muli'; font-size: 8px; font-weight: 700; letter-spacing: 1px; padding: 2px; text-transform: uppercase;}</style>

<center><div class="texte01"><div class="cadre"><br><center><div class="titretxt">titre du rp</div>
<cton><clr>feat. @"pseudo de la personne" ☾</clr></cton></center>

<img src="https://images2.imgbox.com/24/55/XR5GmPvt_o.png" style="width:50px; height: 80px; padding: 5px; border: 1px solid #D6D6D6; margin-right:8px;" align="left">lorem ipsum dolor sit amet, consectetur adipiscing elit. ut eu commodo mauris, et aliquam quam. vivamus a condimentum eros. donec ut diam vel dolor viverra facilisis. pellentesque ut lacus dignissim, pretium nunc et, fermentum neque. interdum et malesuada fames ac ante ipsum primis in faucibus. nulla consectetur arcu ante, id ullamcorper dolor vehicula non. vestibulum aliquam, turpis sit amet aliquam cursus, risus velit molestie dui, in laoreet eros lorem eu eros. integer pharetra, metus sed dapibus fermentum, felis ex cursus ipsum, in dignissim nisl neque tincidunt risus. fusce consectetur imperdiet purus. fusce ac lobortis ante.

duis venenatis, neque eget consectetur auctor, tortor elit porttitor sapien, ac maximus ante dolor at ligula. quisque tincidunt sagittis odio non rhoncus. etiam sodales tortor eu mauris ornare, a volutpat nibh bibendum. mauris pulvinar velit justo. fusce mollis lectus vel feugiat facilisis. sed nulla tortor, consequat ut sapien posuere, ullamcorper dapibus nibh. pellentesque ut luctus erat. orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. proin ut finibus enim, eget vestibulum tellus. phasellus consectetur dapibus est, vitae ullamcorper sapien posuere eget. duis eu lacinia urna, eget bibendum lacus. quisque vel turpis et tortor dapibus interdum. etiam interdum nibh ipsum, aliquet efficitur lectus rutrum eget. lorem ipsum dolor sit amet, consectetur adipiscing elit. ut eu commodo mauris, et aliquam quam. vivamus a condimentum eros. donec ut diam vel dolor viverra facilisis. pellentesque ut lacus dignissim, pretium nunc et, fermentum neque. interdum et malesuada fames ac ante ipsum primis in faucibus. nulla consectetur arcu ante, id ullamcorper dolor vehicula non. vestibulum aliquam, turpis sit amet aliquam cursus, risus velit molestie dui, in laoreet eros lorem eu eros. integer pharetra, metus sed dapibus fermentum, felis ex cursus ipsum, in dignissim nisl neque tincidunt risus. fusce consectetur imperdiet purus. fusce ac lobortis ante.


<div style="border-top:1px solid #9BCCD0;padding-top:10px;text-align:center;font-family:arial;font-size:8px;line-height:10px;text-transform:uppercase;color:#9BCCD0;font-weight:bold;">codage par aqua</div>
</div>

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