<div id="hope1"><div id="hopen">take a break</div>  <span>Take a Break</span></div><div id="hope2"><div class="hp2"><div class="hptit"><span class="th th-star"></span> Informations de base </div>

  <span>Nom Prénom(s)</span>
 Ici
 
  <span>Age</span>
Ici

  <span>Surnom</span>
 Ici

  <span>Position(s)</span>
Ici
 
  <span>Etage de départ</span>
Ici

  <span>Taille</span>
Ici

<span>Signe distinctif</span>
Ici

<span>Objectif(s)</span>
Ici

</div><div class="hp1" style="background: url(https://via.placeholder.com/200x300)"> </div><div class="hp3"><div class="hptit"><span class="th th-heart-1"></span> Stats </div><div id="stats1"><span>Cruel - Bienveillant</span><div class="statin"><span style="width: 35%"> </span></div></div><div id="stats1"><span>Cachottier - Sincère</span> <div class="statin"><span style="width: 35%"> </span></div></div><div id="stats1"><span>Enfantin - Mature</span> <div class="statin"><span style="width: 35%"> </span></div></div> <div id="stats1"><span>Rancunier - Indulgent</span> <div class="statin"><span style="width: 35%"> </span></div></div><div id="stats1"><span>Nerveux - Calme</span> <div class="statin"><span style="width: 35%"> </span></div></div><div id="stats1"><span>Intrépide - Prudent</span> <div class="statin"><span style="width: 35%"> </span></div></div><div id="stats1"><span>Renégat - Loyal</span> <div class="statin"><span style="width: 35%"> </span></div></div><div id="stats1"><span>Pessimiste - Optimiste</span> <div class="statin"><span style="width: 35%"> </span></div></div><div id="stats1"><span>Indépendant - Solidaire</span> <div class="statin"><span style="width: 35%"> </span></div></div><div id="stats1"><span>Lâche - Courageux</span> <div class="statin"><span style="width: 35%"> </span></div></div><div id="stats1"><span>Arrogant - Modeste</span> <div class="statin"><span style="width: 35%"> </span></div></div><div id="stats1"><span>Méfiant - Naïf</span> <div class="statin"><span style="width: 35%"> </span></div></div><div id="stats1"><span>Impulsif - Réfléchi</span> <div class="statin"><span style="width: 35%"> </span></div></div><div id="stats1"> <span>Egoïste - Altruiste</span><div class="statin"><span style="width: 35%"> </span></div> </div> </div> <div class="hp3"> <div class="hptit"><span class="th th-moon"></span> Histoire</div> <div class="hpbo">

Histoire du personnages et éléments jugés importants pour sa compréhension
   
</div></div></div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div> <style type="text/css">#hope1 {width:470px; height: 120px; background: #d2e7f1; border: 1px solid #D0DEE3; overflow: hidden; text-align: center; margin: 0 auto;}#hopen {font: 140px "stockholm"; height: 10px; text-align: center; color: #fff; position: relative; top: -25px;}#hope2 {width: 470px; background-color: #fdfdfd; border: 1px solid #f4f4f4; margin: 0 auto;}#hope1 span {font: 9px verdana; text-transform: uppercase; letter-spacing: 10px; position: relative; top: 45px; color: #97b2c0;}.hp1 {width: 200px; height: 300px; border: 10px solid #fff; outline: 1px solid #f4f4f4; margin: 10px;}.hp2 {width: 220px; height: 320px; outline: 1px solid #f4f4f4; margin: 10px; float: right; background: #fff; font: 10px verdana; text-align: center; color: #a3a3a3; overflow: auto;}.hptit {background: #d2e7f1; border-bottom: 1px solid #D0DEE3; padding: 10px; color: #fff; font: 8px verdana; text-transform: uppercase; letter-spacing: 1px; text-align: right; height: 10px;}.hp2 span {color: #97b2c0; text-transform: uppercase; font-size: 9px}.hptit span {float: left; color: #fff}.hp3 {width: 450px; outline: 1px solid #f4f4f4; margin: 10px; background: #fff; font: 10px verdana; text-align: center; color: #a3a3a3; padding-bottom: 20px;}.hpbo {padding: 20px; text-align: justify;padding-bottom: 1px;}#stats1 {width: 200px; display: inline-block; margin: 5px; position: relative; top: 10px; text-align: left; vertical-align: top; height: 24px;}.statin {width: 100%; height: 10px; background: #fdfdfd; border: 1px solid #f4f4f4;}.statin span {background: #d2e7f1; outline: 1px solid #D0DEE3; display: block; height: 10px}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}@font-face { font-family: "stockholm"; src:url('https://dl.dropboxusercontent.com/s/q84mzimvxzqawcj/HelloStockholm-Regular.ttf'); format("truetype");}</style><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"> 

<div class="b0"><div class="b1">Pseudo du membre</div>
<div class="b2"><div class="b22"><img src="https://zupimages.net/up/20/08/77pt.png" class="bimg" /><!--
--><span class="b3">Nom</span><!--
--><span class="b3">Prénom</span><!--
--><span class="b3">Surnom</span><!--
--><span class="b3">Age</span><!--
--><span class="b3">Etage de départ</span><!--
--><span class="b3">Positions</span><!--
--><span class="b3">Taille</span><!--
--><span class="b3">Signe Distinctif</span><!--

--><!-- CRÉDIT A NE PAS RETIRER, MERCI --><a class="cr" href="https://agora-ls.forumactif.com/" target="_blank">agora</a></div></div><!-- partie description & histoire --><div class="b4"><div class="b44"><span class="b5">• Description mentale</span><div class="b6">Ici, la description mentale de votre personnage.</div>

<span class="b5">• Histoire</span><div class="b6">Ici, histoire. Elle n'est pas obligée de couvrir toute la vie du personnage. Il n'y a pas de minimum ou de maximum. Il est possible de la présenter sous forme de chronologie.</div></div></div><!--

--><div class="b7"><div class="b77"><img src="https://zupimages.net/up/20/08/77pt.png" class="b77img" /><!--
--><div class="b8"> [b][color=#43769e]Derrière l'écran •[/color][/b] Je suis un paragraphe.</div></div></div></div>