Premade Howrse Layout 9

<div align="center">
<div style="background: url('https://i.imgur.com/jtywOlh.gif'); width:400px; height:480px; border:1px solid #b4b4b4;">
<div style="background-color:#f1f1f1;width:400px; height:350px; margin-top:130px; margin-left:0px; float:left;">

<!-- username start -->
<div style="width:230px; height: 20px; overflow: hidden; margin-top: 10px; margin-left: 20px; float: left; text-align: left; color: #5533ab; font: bold 20px calibri; text-transform:uppercase; letter-spacing: 1px; word-spacing: 1px;">
title here
</div>
<div style="width:230px; height: 20px; overflow: hidden; margin-top: 5px; margin-left: 20px; float: left; text-align: left; color: #393939; font: bold 11px calibri; text-transform:uppercase; letter-spacing: .5px; word-spacing: 1px;">
@username
</div>
<!-- username end -->

<!-- status start -->
<div style="width:235px; height:50px; overflow:hidden; margin-top:0px; margin-left:20px; float:left;">
<div style="width:255px; height:50px; overflow:auto; float:left; ">
<div style="width:235px; float:left; text-align: justify; color: #393939; font: 10px calibri; letter-spacing: .5px; word-spacing: 1px; line-height:12px;">
Status text here. -- invisible scroll
<br>
Icons to the right can be made links. Do not alter the wrench icon. (It serves as the credit for this layout.)  — layout is inspired by twitter<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae facilisis erat, ut tempus sem. Donec dui ligula, pulvinar quis mattis id, sodales sed nibh. Phasellus laoreet et lacus et fringilla. Suspendisse condimentum ipsum vel interdum dapibus. Donec risus mauris, pellentesque quis ex et, tincidunt posuere quam. Suspendisse in sagittis est, vel sodales quam. Donec ac diam quis nisl sollicitudin fermentum non at nibh. Praesent a orci quis metus interdum feugiat sed in sapien.
</div>
</div>
</div>
<!-- status end -->

<!-- avatar start -->
<img src="https://i.imgur.com/DTeISWo.gif" style="width:100px; height:100px; border:5px solid #f1f1f1; margin-top:-90px; margin-left: 15px; float:left;">
<!-- avatar end -->

<!-- link buttons start -->
<div style="width:100px; height:30px; overflow: hidden; margin-left:25px; margin-top:0px; float:left; ">
<img src="https://i.imgur.com/1AP7WFW.png" style="margin-top:7px; margin-left:0px; float:left;">
<img src="https://i.imgur.com/bUhFPhx.png" style="margin-top:7px; margin-left:0px; float:left;">
<img src="https://i.imgur.com/UHirhtt.png" style="margin-top:6px; margin-left:0px; float:left;">
<a href="https://www.howrse.com/joueur/fiche/?id=38449998"><img src="https://i.imgur.com/xhCbpwZ.png" style="margin-top:7px; margin-left:-5px; float:left;"></a>
</div>
<!-- link buttons end -->

<!-- title stuff -->
<div style="background-color:#5533ab; width:130px; height:10px; margin-top:10px; margin-left:20px; float:left; padding:5px; text-align: center; color: #f1f1f1; font: 10px arial; text-transform:uppercase; letter-spacing: .5px; word-spacing: 1px;">
title here
</div>
<div style="border: 1px solid #5533ab; width:100px; height:10px; margin-top:10px; margin-left:0px; float:left; padding:4px; text-align: center; color: #5533ab; font: 10px arial; text-transform:uppercase; letter-spacing: .5px; word-spacing: 1px;">
title here
</div>
<div style="border: 1px solid #5533ab; width:100px; height:10px; margin-top:10px; margin-left:-1px; float:left; padding:4px; text-align: center; color: #5533ab; font: 10px arial; text-transform:uppercase; letter-spacing: .5px; word-spacing: 1px;">
title here
</div>


<!-- text boxes start -->
<div style="width:370px; height:200px; margin-top:7px; margin-left:20px; overflow:hidden; float:left;">
<div style="width:390px; height:200px; overflow:auto; overflow-x:hidden; float:left;">

<!-- text box 1 -->
<div style="width:230px; height: 20px; overflow: hidden; margin-top: 0px; margin-left: 0px; float: left; text-align: left; color: #5533ab; font: bold 20px calibri; text-transform:uppercase; letter-spacing: 1px; word-spacing: 1px;">
title
</div>
<div style="width:358px; height: auto; overflow: auto; margin-top: 5px; margin-left: 0px; float: left; text-align: justify; color: #393939; font: 10px calibri; letter-spacing: .5px; word-spacing: 1px; line-height: 12px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae facilisis erat, ut tempus sem. Donec dui ligula, pulvinar quis mattis id, sodales sed nibh. Phasellus laoreet et lacus et fringilla. Suspendisse condimentum ipsum vel interdum dapibus. Donec risus mauris, pellentesque quis ex et, tincidunt posuere quam. Suspendisse in sagittis est, vel sodales quam. Donec ac diam quis nisl sollicitudin fermentum non at nibh. Praesent a orci quis metus interdum feugiat sed in sapien.
</div>
<!-- text box 1 end -->
<!-- text box 2 -->
<div style="width:230px; height: 20px; overflow: hidden; margin-top: 30px; margin-left: 0px; float: left; text-align: left; color: #5533ab; font: bold 20px calibri; text-transform:uppercase; letter-spacing: 1px; word-spacing: 1px;">
title
</div>
<div style="width:358px; height: auto; overflow: auto; margin-top: 5px; margin-left: 0px; float: left; text-align: justify; color: #393939; font: 10px calibri; letter-spacing: .5px; word-spacing: 1px; line-height: 12px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae facilisis erat, ut tempus sem. Donec dui ligula, pulvinar quis mattis id, sodales sed nibh. Phasellus laoreet et lacus et fringilla. Suspendisse condimentum ipsum vel interdum dapibus. Donec risus mauris, pellentesque quis ex et, tincidunt posuere quam. Suspendisse in sagittis est, vel sodales quam. Donec ac diam quis nisl sollicitudin fermentum non at nibh. Praesent a orci quis metus interdum feugiat sed in sapien.
</div>
<!-- text box 2 end -->
<!-- text box 3 -->
<div style="width:230px; height: 20px; overflow: hidden; margin-top: 30px; margin-left: 0px; float: left; text-align: left; color: #5533ab; font: bold 20px calibri; text-transform:uppercase; letter-spacing: 1px; word-spacing: 1px;">
title
</div>
<div style="width:358px; height: auto; overflow: auto; margin-top: 5px; margin-left: 0px; float: left; text-align: justify; color: #393939; font: 10px calibri; letter-spacing: .5px; word-spacing: 1px; line-height: 12px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae facilisis erat, ut tempus sem. Donec dui ligula, pulvinar quis mattis id, sodales sed nibh. Phasellus laoreet et lacus et fringilla. Suspendisse condimentum ipsum vel interdum dapibus. Donec risus mauris, pellentesque quis ex et, tincidunt posuere quam. Suspendisse in sagittis est, vel sodales quam. Donec ac diam quis nisl sollicitudin fermentum non at nibh. Praesent a orci quis metus interdum feugiat sed in sapien.
</div>
<!-- text box 3 end -->
<!-- text box 4 -->
<div style="width:230px; height: 20px; overflow: hidden; margin-top: 30px; margin-left: 0px; float: left; text-align: left; color: #5533ab; font: bold 20px calibri; text-transform:uppercase; letter-spacing: 1px; word-spacing: 1px;">
title
</div>
<div style="width:358px; height: auto; overflow: auto; margin-top: 5px; margin-left: 0px; float: left; text-align: justify; color: #393939; font: 10px calibri; letter-spacing: .5px; word-spacing: 1px; line-height: 12px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae facilisis erat, ut tempus sem. Donec dui ligula, pulvinar quis mattis id, sodales sed nibh. Phasellus laoreet et lacus et fringilla. Suspendisse condimentum ipsum vel interdum dapibus. Donec risus mauris, pellentesque quis ex et, tincidunt posuere quam. Suspendisse in sagittis est, vel sodales quam. Donec ac diam quis nisl sollicitudin fermentum non at nibh. Praesent a orci quis metus interdum feugiat sed in sapien.
</div>
<!-- text box 4 end -->
</div>
</div>
<!-- text boxes end -->

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