joseph morgan

[dohtml]<link href='http://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>

<style>
.jomo { background-color: #fff; border-right: solid 5px #6C836F; border-top: dotted 1px #dedede;  border-bottom: dotted 1px #dedede; border-left: dotted 1px #dedede;padding: 15px; width: 245px; }
.jomo2 { font-family: roboto slab; font-size: 15px; font-weight: bold; letter-spacing: -1px; }
.jomo2 b { color: #6C836F; }
.jomo3 { padding: 10px; font-size: 9px; line-height: 90%; font-style: italic; }
.jomo4 { width: 248px;  text-align: right; border-right: dotted 1px #dedede;  border-bottom: dotted 1px #dedede; border-left: dotted 1px #dedede; background-color: #fff; padding: 15px; }
.jomo5 { width: 220px; background: #6C836F; padding: 10px; font-size: 10px; font-family: arial; letter-spacing: 1px; line-height: 110%; text-align: justify; color: #fff; border-radius: 10px; margin-top: 5px; }
.jomo6 { color: #6C836F; font-size: 25px; line-height:40px; width:20px; margin-left: 215px; margin-top: -18px; }
.bcred { text-transform: uppercase; width: 60px; text-align: center; font-size: 8px; background-color: #fff; padding: 5px; }
</style>
<center>

<div class="jomo"><table><td><div class="jomo2"><b>NAME</b> IS ONLINE</div>
<div class="jomo3">status goes here</div>
</td>

<td><div style="width:10px;"></div></td>

<td><img src="http://placehold.it/100/#6C836F/fff" style="border-radius: 100%;"></td>
</table></div>
<div class="jomo4">
<div class="jomo5">im goes here</div>
<div class="jomo6">◥</div>
<div class="jomo5">im goes here</div>
<div class="jomo6">◥</div>
<div class="jomo5">im goes here</div>
<div class="jomo6">◥</div>
</div></center>
<p><center><div class="bcred">© BRANDON</div></center>[/dohtml]