[parsehtml]<link href='http://fonts.googleapis.com/css?family=Viga|Squada+One' rel='stylesheet' type='text/css'><style>
#plott{background:#fff;font:10px/150% Calibri,sans-serif;color:#000;padding:1px 30px 25px;min-width:350px;max-width:450px;margin:auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border-bottom:1px solid #ddd}
#plott a{font:300 11px Viga;text-transform:uppercase;text-decoration:none;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;color:#829092}
#plott a:hover{color:#000}
#giff1{float:left;z-index:1;margin:-24px 0 0 -60px;width:100px;height:100px;background:#fff;padding:12px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}
#giff2{background:#fff;overflow:hidden;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}
#giff2 img{height:100px}
#plott h3{display:block;text-align:center;font:700 27px Squada One;letter-spacing:3px}
#plott h3 b{color:#61acb5}
#plott h4{display:block;background:#f6f6f6;padding: 4px 14px 4px 0;color:#111;margin-top:-18px;font:500 10px Calibri;text-transform:uppercase;line-height:100%;text-align:right}
#threadss{min-height:100px;margin-top:15px}
#threadss ta{margin-right:12px;font-size:10px;color:#b1cbce;-webkit-text-stroke:1px #b1cbce;-moz-text-stroke:1px #b1cbce;text-stroke:1px #b1cbce}
#threadss ti{margin-right:12px;font-size:10px;color:#e8e8e8;-webkit-text-stroke:1px #e8e8e8;-moz-text-stroke:1px #e8e8e8;text-stroke:1px #e8e8e8}
#threadss tc{margin-right:12px;font-size:10px;color:#61acb5;-webkit-text-stroke:1px #61acb5;-moz-text-stroke:1px #61acb5;text-stroke:1px #61acb5}
#threadss d{float:right;font-size:10px;font-weight:600}
#ray a{text-decoration:none;font-size:10px;float:right;opacity:.5}
</style>
<div id="plott">
<div id="giff1">
<div id="giff2">
<a href="PROFILE LINK"><img src="http://placehold.it/100x100"></a>
</div>
</div>
<h3>FIRST<b>MIDDLE</b> LAST</h3>
<h4>any description<br>2 lines is best</h4>
<div id="threadss">
<ta>█</ta> <a href="http://www.google.com">active thread</a> , active <d>MONTH / YEAR</d>
<br><ta>█</ta> active thread, active <d>MONTH / YEAR</d>
<br><ta>█</ta> active thread , active <d>MONTH / YEAR</d>
<br><ti>█</ti> inactive thread , inactive <d>MONTH / YEAR</d>
<br><ti>█</ti> inactive thread , inactive <d>MONTH / YEAR</d>
<br><tc>█</tc> complete thread , complete <d>MONTH / YEAR</d>
<br><tc>█</tc> complete thread , complete <d>MONTH / YEAR</d>
</div>
</div><br>
<div id="ray"><a href="http://shine.b1.jcink.com/index.php?showuser=15088">thanks ray narvaez jr</a></div> [/parsehtml]