Merci de ne pas retirer le crédit.

Code:

<div class="hl_prez"> <div class="hl_prez_name">nom et prénom du personnage</div><div class="hl_prez_name_sub">petite phrase ou citation en rapport avec votre personnage ou juste pour faire joli</div><div class="hl_prez_title">informations</div><div class="hl_prez_ava"> <img src="https://via.placeholder.com/200x200"/></div><div class="hl_prez_infos">bla bla bla</div><div class="hl_prez_title" style="margin-top:10px;">liens recherchés</div><div class="hl_prez_txt"><e>⊰ nom du lien recherché </e>petite description du lien recherché.
<e1>⊰ nom du lien recherché </e1>petite description du lien recherché.</div><div class="hl_prez_title">répertoire des rps</div><div class="hl_prez_txt"><e>nom du/des partenaires :</e> ici.
<e1>nom du/des partenaires :</e1> ici.</div><div class="hl_prez_title" style="text-align:center;">autres infos</div><div class="hl_prez_txt">bla bla</div><div class="epsi_cred"><a target="_blank" href="https://epsilon-ls.forumactif.com/">EPSILON</a></div></div>

<style>:root{--lavender: #e9e2d7; --pink: #e8d1cd; --sage: #e3e8cf; --thyme: #d6e6cf; --laurel: #96aace; --whazel: #c79cd3; --darkgrey: #1d2337; --blue: #c894ab; --purple: #c15d88; --line: #141416; --shadow: #363f4f; --linku: #d2d2d2;}.hl_prez e{text-transform: uppercase; letter-spacing: 1px; color: var(--pink); font: 13px Calibri;}.hl_prez e1{text-transform: uppercase; font: 13px Calibri; color: var(--laurel);}.hl_prez{background:var(--darkgrey); padding:15px; width:584px; margin:0px auto; border-radius:0px 0px 15px 15px; display:flex; flex-wrap:wrap; justify-content:space-between;}.hl_prez_name{text-align:center; border-bottom:solid 1px var(--purple); width:100%; color:var(--pink); font:25px Calibri; text-transform:uppercase; letter-spacing:2px;}.hl_prez_name_sub{color:var(--linku); font:10px Calibri; text-align:center; width:100%; text-transform:uppercase; letter-spacing:2px; margin-bottom:20px;}.hl_prez_title{width:100%; text-align:center; background:linear-gradient(120deg, var(--pink) 0%, var(--blue) 100%); border-radius:10px; padding:5px; font:15px Arial; color:var(--darkgrey); text-transform:uppercase; margin-bottom:10px;}.hl_prez_txt{text-align:justify; font:14px Arial; color:var(--linku); line-height:20px; padding:10px; margin:5px 0px 20px 0px; background:var(--shadow); border-radius:15px; width:100%;}.hl_prez_ava{width:200px; height:200px; overflow:hidden; border-radius:15px;}.hl_prez_ava img{width:100%; object-fit: cover;}.hl_prez_infos{width:340px; color:var(--linku); text-align:justify; font:14px Arial; height:200px; overflow:auto; background:var(--shadow); padding:10px; border-radius:15px;}.epsi_cred{text-align:center; font:10px Arial; text-transform:uppercase; width:100%; margin-top:10px;}.epsi_cred a{color:#dedede;}</style>