darkincrement | (Reply)

From:

<div style="width: 160px; margin-bottom: 20px; display: inline-block;">

<div style="width: 100%; text-align: center;">
<span style="font-family: futura, 'century gothic', sans-serif; font-size: 14px; color: #000;">name</span>
<br/>
<img src=”Userpic" style="height: 80px; width: 80px; border: 6px solid #ffffff; border-radius: 12px; box-shadow: 1px 1px 3px #777; margin: 3px 0px;">
</div>


<center>
<div style="height: 10px; width: 100px; background: #fff; text-align: left; border: 3px solid #000; border-radius: 12px; margin-bottom: 3px;">
<div style="height: 100%; width: 50%; background: #21162b; border-radius: 10px 0px 0px 10px;"></div>
</div>
<div style="height: 10px; width: 100px; background: #000; text-align: center; border: 3px solid #000; border-radius: 10px;">
<span style="font-family: futura, 'century gothic', sans-serif; color: #fff; font-size: 12px; text-transform: uppercase; position: relative; top: -4px;">thing</span>
</div>
</center>

</div>

<center>
<div style="height: 10px; width: 100px; background: #fff; text-align: left; border: 3px solid #600000; border-radius: 12px; margin-bottom: 3px;">
<div style="height: 100%; width: 75%; background: #790000; border-radius: 10px 0px 0px 10px;"></div>
</div>
<div style="height: 10px; width: 100px; background: #790000; text-align: center; border: 3px solid #790000; border-radius: 10px;">
<span style="font-family: futura, 'century gothic', sans-serif; font-size: 12px; text-transform: uppercase; position: relative; top: -4px; color: #f9c4b2;">"something"</span>
</div>
</center>
</div>