<center> <div style="margin-top: 100px; width: 550px; background-image: url('https://zupimages.net/up/19/33/ydep.jpg'); background-repeat: repeat; border: 10px ridge #5a0000; border-radius: 10px 10px 10px 10px; padding: 30px; color: #e4e4e4; text-align: justify;"> <img src="http://moncarrevert.com/wp-content/uploads/2014/10/Image_01-325x325.png" style="width: 200px; border: 10px ridge #5a0000; border-radius: 100%; position: relative; top: -140px; left: 155px;"> <br/> ceci est un test </div> </center>

[center]<img src="https://zupimages.net/up/19/33/ypyf.png" style="border-bottom: solid 20px #1d0909;">[/center]
<div style="background-color: #1d0909; color: white; width: 600px; margin: auto;"> <div style="width: 560px; margin: auto; background-color: #0c0c0c; padding: 20px;"> texte </div> </div>

[center]<img src="https://zupimages.net/up/19/33/ypyf.png" style="border-bottom: solid 20px #1d0909;">[/center]
<div style="background-image: url('https://zupimages.net/up/19/34/78fp.png'); color: white; width: 600px; margin: auto;"> <br/> <div style="width: 560px; margin: auto;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tellus lacus, malesuada eu tellus eu, finibus luctus sem. Praesent in dictum ipsum, ut sodales dolor. Aliquam rutrum tincidunt lacinia. Duis ac gravida est. Duis sollicitudin, elit vitae volutpat venenatis, nulla leo tempus sem, ut hendrerit turpis elit non risus. Donec metus nisi, molestie elementum ipsum rhoncus, suscipit semper elit. Donec non commodo dui. Morbi facilisis lorem ut libero scelerisque, eget vestibulum massa rutrum. Donec ligula enim, suscipit imperdiet ornare at, finibus nec eros.  </div> <br/> </div>

[center]<img src="https://zupimages.net/up/19/33/ypyf.png" style="border-bottom: solid 20px #1d0909;">[/center]
<div style="background-image: url('https://zupimages.net/up/19/34/zz8e.png'); color: white; width: 600px; margin: auto;"> <br/> <div style="width: 560px; margin: auto;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tellus lacus, malesuada eu tellus eu, finibus luctus sem. Praesent in dictum ipsum, ut sodales dolor. Aliquam rutrum tincidunt lacinia. Duis ac gravida est. Duis sollicitudin, elit vitae volutpat venenatis, nulla leo tempus sem, ut hendrerit turpis elit non risus. Donec metus nisi, molestie elementum ipsum rhoncus, suscipit semper elit. Donec non commodo dui. Morbi facilisis lorem ut libero scelerisque, eget vestibulum massa rutrum. Donec ligula enim, suscipit imperdiet ornare at, finibus nec eros.  </div> <br/> </div>

<link href="https://fonts.googleapis.com/css?family=Quintessential&display=swap" rel="stylesheet"> <div style="font-family: 'Quintessential'; text-align: center; font-size: 50px; color: #0c0c0c;"> Journal d'Haeresis </div>
<div style="background-image: url('https://zupimages.net/up/19/34/zz8e.png'); color: white; width: 600px; margin: auto; border-radius: 10px 10px 10px 10px;"> <br/> <div style="width: 560px; margin: auto;">   <center> <img src="http://img.over-blog-kiwi.com/100x100-ct/0/23/82/39/201304/ob_9cabd412f4b66d2dc4a9e0c31bec35a5_images.jpg" style="width: 100px; border: #1d0909 3px solid;">  <img src="http://img.over-blog-kiwi.com/100x100-ct/0/23/82/39/201304/ob_9cabd412f4b66d2dc4a9e0c31bec35a5_images.jpg" style="width: 100px; border: #1d0909 3px solid;">  <img src="http://img.over-blog-kiwi.com/100x100-ct/0/23/82/39/201304/ob_9cabd412f4b66d2dc4a9e0c31bec35a5_images.jpg" style="width: 100px; border: #1d0909 3px solid;">   <img src="http://img.over-blog-kiwi.com/100x100-ct/0/23/82/39/201304/ob_9cabd412f4b66d2dc4a9e0c31bec35a5_images.jpg" style="width: 100px; border: #1d0909 3px solid;"> </center>
<div style="font-family: 'Quintessential'; font-size: 20px; text-align: center;"> Mois année </div>

<b> Date </b> : Résumé du RP ( <a href="liendurp"/> www </a> )

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

<link href="https://fonts.googleapis.com/css?family=Quintessential&display=swap" rel="stylesheet">

<div style="font-family: 'Quintessential'; text-align: center; font-size: 40px; color: #0c0c0c;"> Mes relations </div>
<div style="background-image: url('https://zupimages.net/up/19/34/zz8e.png'); color: white; width: 600px; margin: auto; border-radius: 10px 10px 10px 10px;">  * <table> <tr> <td> <img src="http://img.over-blog-kiwi.com/100x100-ct/0/23/82/39/201304/ob_9cabd412f4b66d2dc4a9e0c31bec35a5_images.jpg" style="width: 100px; border: #1d0909 3px solid;"> </td> <td> <div style="width: 450px; padding: 10px; height: 100px; overflow: auto;"> texte </div> </td> </tr> </table>  *

A coller à chaque fois avant le /div
</div>