Liste de vos rencontres (Modèle de liste RP facultatif)

<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet"><div class="titrerps">My stories</div><div class="colonnerp"><span class="titrecolonne">en cours.</span>

• titre du rp, avec <i>prénom nom</i>
• titre du rp, avec <i>prénom nom</i>
• titre du rp, avec <i>prénom nom</i></div><div class="colonnerp" style="margin-left:8.5px;"><span class="titrecolonne">terminées.</span>

• titre du rp, avec <i>prénom nom</i>
• titre du rp, avec <i>prénom nom</i>
• titre du rp, avec <i>prénom nom</i></div><div class="colonnerp" style="margin-left:8.5px;"><span class="titrecolonne">abandonnées.</span>

• titre du rp, avec <i>prénom nom</i>
• titre du rp, avec <i>prénom nom</i>
• titre du rp, avec <i>prénom nom</i></div><div class="exordium">code by EXORDIUM.</div>

<style>.titrerps {color:black;background-color:white;font-family: 'Roboto Slab', serif;text-transform:uppercase;width:500px;text-align:center;padding:5px;border:1px solid #ddd;margin-bottom:5px;font-size:20px;font-weight:bold;transition:2s;} .titrerps:hover {letter-spacing:6px;} .exordium {font-family:arial;font-size:8px;color:#aaa;width:500px;background-color:white;text-align:center;margin-top:5px;padding:5px;border:1px solid #ddd;text-transform:uppercase;letter-spacing:2px;} .colonnerp {display:inline-block;vertical-align:top;width:153px;height:140px;background-color:white;border:1px solid #ddd;overflow:auto;padding:5px;text-align:justify;font-family:arial;font-size:11px;line-height:12px;color:#999;} .titrecolonne {font-family: 'Roboto Slab', serif;text-transform:uppercase;font-size:12px;line-height:12px;font-weight:bold;color:black;}</style>