julian morris

[dohtml]<style text="text/css">
.julianimg { margin: auto; width: 90px; height: 90px; padding: 8px; background-color: #fff; border-radius: 100px; position: relative; top: 40px }
.julian { background: linear-gradient(to top right, #FFFFFF, #434580); width: 200px; height: 95px; }
.julian2 { width: 190px; padding: 5px; font-family: calibri; font-size: 10px; text-align: justify;height: 150px; overflow: auto; }

.julian2::-webkit-scrollbar { width: 5px; }
.julian2::-webkit-scrollbar-track { background: #fff; }
.julian2::-webkit-scrollbar-thumb { background: linear-gradient(to bottom, #ffffff, #434580); }
.julian2 b {color: #434580; letter-spacing: 1px; font-size: 12px;}

.julian3 { width: 200px; padding: 15px; background-color: #fff; }
.julian4 { width: 220px; padding: 50px; background-image: url(http://subtlepatterns.com/patterns/swirl_pattern.png); }
.bcred { text-transform: uppercase; width: 60px; text-align: center; font-size: 8px; background-color: #fff; padding: 5px; }
</style>


<center><div class="julian4"><div class="julian3"><div class="julian">
<div class="julianimg">
<img src="http://placehold.it/100x100" style="width: 90px; height: 90px; border-radius: 100px"></div></div>

<div style="height: 60px;"></div>

<div class="julian2">words go here

</div></div></div>

</center>

<p><center><div class="bcred">© BRANDON</div></center>[/dohtml]