<div class="calico"><span>Je suis un titre, ewi,
 ça t'en bouche un coin n'est-ce pas ?</span></div><div class="savannah"><div class="lesrayures">Le lorem ipsum [i](également appelé faux-texte, lipsum, ou bolo bolo1)[/i] est, en imprimerie, une suite de mots sans signification utilisée à titre provisoire pour calibrer une mise en page, le texte définitif venant remplacer le faux-texte dès qu'il est prêt ou que la mise en page est achevée.

Généralement, on utilise un texte en faux latin [i](le texte ne veut rien dire, il a été modifié)[/i], le Lorem ipsum ou Lipsum. L'avantage du latin est que l'opérateur sait au premier coup d'œil que [b]la page contenant ces lignes n'est pas valide[/b] et que l'attention du lecteur n'est pas dérangée par le contenu, lui permettant de demeurer concentré sur le seul aspect graphique.
   
<quote>- Le Lorem Ipsum c'est très utile !</quote> dis-je avec beaucoup de sympathie, <quote>Une aubaine pour les codeurs comme moi.</quote>

Il circule des centaines de versions différentes du lorem ipsum, mais ce texte aurait originellement été tiré de l'ouvrage écrit par Cicéron en 45 av. J.-C., De finibus bonorum et malorum <a href="#">(Liber Primus, 32)</a>, texte populaire à cette époque, dont l'une des premières phrases est : « [u]Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…[/u] » (« Il n'existe personne qui aime la souffrance pour elle-même, ni qui la recherche ni qui la veuille pour ce qu'elle est… »).</div></div><div style="margin: 5px; font-size: 9px; color: #CBCBCB; font-family: helvetica; text-align: center;">(c) chaton de la lune</div><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=Imbue:opsz,wght@10..100,200&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"><style>.calico { background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(222,133,214,1) 50%, rgba(255,163,33,1) 100%); width: 400px; height: auto; display: flex; margin: auto; outline: 1px solid #fff; outline-offset: -10px; align-items: center; justify-content: center; } .calico > span { line-height: 100%; font-family: imbue; color: #fff; font-size: 30px; margin: 20px; } .savannah { width: 360px; height: auto; margin: auto; padding: 20px; background-color: #fff; margin-top: 20px; } .lesrayures { line-height: 130%; text-align: justify; white-space: pre-wrap; hyphens: auto; font-family: work sans; font-size: 11.5px; color: #323232; } .lesrayures > a { color: #c0c0c0; } .lesrayures > quote { font-weight: 600; color: #ffa321; }</style>

<div class="chatnoir"><span>Je suis un titre, ewi,
 ça t'en bouche un coin n'est-ce pas ?</span></div><div class="mainecoon"><div class="leszebrures">Le lorem ipsum [i](également appelé faux-texte, lipsum, ou bolo bolo1)[/i] est, en imprimerie, une suite de mots sans signification utilisée à titre provisoire pour calibrer une mise en page, le texte définitif venant remplacer le faux-texte dès qu'il est prêt ou que la mise en page est achevée.

Généralement, on utilise un texte en faux latin [i](le texte ne veut rien dire, il a été modifié)[/i], le Lorem ipsum ou Lipsum. L'avantage du latin est que l'opérateur sait au premier coup d'œil que [b]la page contenant ces lignes n'est pas valide[/b] et que l'attention du lecteur n'est pas dérangée par le contenu, lui permettant de demeurer concentré sur le seul aspect graphique.
   
<quote>- Le Lorem Ipsum c'est très utile !</quote> dis-je avec beaucoup de sympathie, <quote>Une aubaine pour les codeurs comme moi.</quote>

Il circule des centaines de versions différentes du lorem ipsum, mais ce texte aurait originellement été tiré de l'ouvrage écrit par Cicéron en 45 av. J.-C., De finibus bonorum et malorum <a href="#">(Liber Primus, 32)</a>, texte populaire à cette époque, dont l'une des premières phrases est : « [u]Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…[/u] » (« Il n'existe personne qui aime la souffrance pour elle-même, ni qui la recherche ni qui la veuille pour ce qu'elle est… »).</div></div><div style="margin: 5px; font-size: 9px; color: #CBCBCB; font-family: helvetica; text-align: center;">(c) chaton de la lune</div><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=Imbue:opsz,wght@10..100,200&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"><style>body {background-color: #FFDDFA;} .chatnoir { background: linear-gradient(90deg, rgba(126,89,205,1) 0%, rgba(133,210,222,1) 50%, rgba(154,245,166,1) 100%); width: 400px; height: auto; display: flex; margin: auto; outline: 1px solid #2E2E2E; outline-offset: -10px; align-items: center; justify-content: center; } .chatnoir > span { line-height: 100%; font-family: imbue; color: #2E2E2E; font-size: 30px; margin: 20px; } .mainecoon { width: 360px; height: auto; margin: auto; padding: 20px; background-color: #2E2E2E; margin-top: 20px; } .leszebrures { text-align: justify; white-space: pre-wrap; hyphens: auto; font-family: work sans; font-size: 11.5px; color: #696969; line-height: 130%; } .leszebrures > a { color: #c0c0c0 !important; } .leszebrures > quote { font-weight: 600; color: #9af5a6; }</style>

<center><img class="imgKIT" src="https://i.imgur.com/kIPsaIl.png"/><div style="position: relative; margin: none; display: block; width: 498px; height: auto; background-color: #F7F7F7; overflow: auto;"><div class="titrKIT">Titre de votre RP</div><div class="ftKIT">feat. Nom et Prénom</div><div class="txtKIT">Le lorem ipsum [i](également appelé faux-texte, lipsum, ou bolo bolo1)[/i] est, en imprimerie, une suite de mots sans signification utilisée à titre provisoire pour calibrer une mise en page, le texte définitif venant remplacer le faux-texte dès qu'il est prêt ou que la mise en page est achevée.

Généralement, on utilise un texte en faux latin [i](le texte ne veut rien dire, il a été modifié)[/i], le Lorem ipsum ou Lipsum. L'avantage du latin est que l'opérateur sait au premier coup d'œil que [b]la page contenant ces lignes n'est pas valide[/b] et que l'attention du lecteur n'est pas dérangée par le contenu, lui permettant de demeurer concentré sur le seul aspect graphique.

Il circule des centaines de versions différentes du lorem ipsum, mais ce texte aurait originellement été tiré de l'ouvrage écrit par Cicéron en 45 av. J.-C., De finibus bonorum et malorum <a href="#">(Liber Primus, 32)</a>, texte populaire à cette époque, dont l'une des premières phrases est : « [u]Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…[/u] » (« Il n'existe personne qui aime la souffrance pour elle-même, ni qui la recherche ni qui la veuille pour ce qu'elle est… »).
</div></div><img class="imgKIT" src="https://i.imgur.com/R2oQ6qJ.png"/><div style="margin: 5px; font-size: 9px; color: #CBCBCB; font-family: helvetica;">(c) chaton de la lune</div></center><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=Roboto+Flex:opsz,wght@8..144,100&display=swap" rel="stylesheet"><style>.imgKIT {margin: none; display: block;} .titrKIT {font-family: 'Roboto Flex'; font-size: 23px; font-weight: bold; margin: 15px; text-align: right; color: #675972;} .ftKIT {font-family: 'times new roman'; text-align: right; margin-bottom: 30px; margin-top: -15px; margin-right: 15px; font-size: 10px; font-style: italic; color: #A497AF;} .txtKIT > a {color: #A497AF !important;} .txtKIT {margin: 30px; text-align: justify; font-family: arial; font-size: 11.5px; line-height: 14px; color: #545454;}</style>