<link href="https://use.fontawesome.com/releases/v5.0.7/css/all.css" rel="stylesheet"><style>@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,900|Roboto');.shipper-wrap {width: 500px;margin: 0 auto;background: #f2f2f2;border: 1px solid #ebebeb;padding: 10px;position: relative;line-height: 1.526;box-sizing: content-box;}.shipper {width: 500px;background: #fbfbfb;border: 1px solid #ebebeb;font-family: 'Raleway', sans-serif;position: relative;box-sizing: border-box;padding: 10px;display: flex;flex-wrap: wrap;}.shipper a {text-decoration: none!important;}.shipper h2 {margin: 0;font-weight: 400;text-transform: uppercase;display: inline-block;font-size: 25px;color: #A2C0A3;}.shipper h2 b {font-weight: 900;}.shipper h2.looking {padding: 5px 22px 22px;margin: 15px 0 0;flex: 100%;}.shipper .shipper-img {margin-right: 20px;height: 320px;width: 200px;}.shipper .shipper-img + div {flex: 1;display: flex;flex-direction: column;}.shipper h3, .item label {margin: 0;font-weight: 400;text-transform: uppercase;font-size: 12px;color: #86d2b7;}.shipper p {line-height: 1.4em;font-size: 11px; text-align: justify;margin: 10px 0px;font-family: 'Roboto', sans-serif;}.shipper-links {margin-top: auto;}.shipper-links a {text-transform: uppercase;font-size: 9px;letter-spacing: 1px;color: #000;margin-right: 10px;}.shipper-links a i {font-size: 20px;color: #A2C0A3;vertical-align: bottom;transition: all 0.3s;}.shipper-links a:hover i {color: #86d2b7;}.shipper-look {font-size: 11px;position: relative;text-align: justify;margin-bottom:20px;font-family: 'Roboto', sans-serif;border: 1px solid #e3e3e3;box-sizing: border-box;padding: 12px 8px 8px;}.shipper-look:last-child {margin: 0;}.shipper-look label, .item h3 {background: #A2C0A3;color: #fbfbfb;padding: 2px 5px;text-transform: uppercase;font-size: 11px;letter-spacing: 1px;display: inline-block;top: -12px;position: absolute;font-family: 'Raleway', sans-serif;}.item h3 {padding: 3px 8px;top: -29px;left: 15px;font-size: 15px;}.item-wrap {margin-bottom: 30px;}.item {height: 180px;}.item img {height: 160px;margin-right: 15px;width: 100px;}.item p {line-height: 1.4em;margin: 0;font-family: 'Roboto', sans-serif;font-size: 12px;height: 140px;overflow: auto;padding: 0 10px 0 0;}.shipper.item > div {flex: 1;}.shipper-credit {position: absolute;bottom: -20px;left: 0;}.shipper-credit a {font-weight: bold;color: #b9b9b9 !important;text-decoration: none !important;font-size: 8px;letter-spacing: 1px;}</style>

<div class="shipper-wrap"><div class="shipper"><!--
--><img src="https://images2.imgbox.com/d5/8f/PuwJVAQ4_o.png" class="shipper-img"><!--
--><div><h2><b>Prénom</b> Nom</h2><!--
--><h3>âge - métier - groupe</h3><!--
--><p>Dans ce post tu parleras du lieu de naissance, de ta famille, de ta situation amoureuse, de ton métier ou de tes études, de ta situation financière ou encore un peu de ton caractère. [i]Tu peux le faire comme tu le souhaites.[/i]</p><!--
--><div class="shipper-links"><a href="#"><i class="far fa-address-card"></i> fiche</a><a href="#"><i class="fas fa-pencil-alt"></i> rps</a><a href="#"><i class="far fa-envelope"></i> message</a></div></div><!--
--><h2 class="looking">Ta petite <b>histoire</b>...</h2><!--
--><div class="shipper-look"><label>Toi, toi, toi !</label>Par ici tu écriras ta présentation en minimum quinze lignes, tu peux le faire de la façon que tu le souhaites..</div><!--

--><div class="shipper-look"><label>Toi dans la vie</label>Par ici tu nous parleras de toi en dehors du forum, d'où tu viens, ton âge, ton pseudo ou prénom ... enfin tout ce que tu souhaites nous dire !

[center][code][b]± pseudo de ton personnage[/b] (âge)
[i]métier/études ; lieu d'habitation ; statut familiale [/i][/code]

[code]avatar ([url=urlprofil]+[/url]) pseudo avatar
[/code]
[/center]
</div></div><div class="shipper-credit"><a href="http://terrible.forumactif.org/" target="_blank">AWFUL</a></div></div></br></br>