grid cell

[dohtml]<center><div class="name-text3-cell"><div class="name-text3-inner"><div class="name-text3-top">
<div class="name-text3-img" style="background-image: url(LINK TO IMAGE HERE);"></div>
<div class="name-text3-num">1</div>
<div class="name-text3-name">YOUR NAME HERE <b>texting: PARTNER'S NAME HERE</b></div></div>
<div class="name-text3-box">

<div class="name-text3-msg">
TEXT MESSAGE HERE!
</div>

</div></div></div>
<div class="ames-credit"><a href="http://skinny-love.net/index.php?showuser=3772">© ames</a></div></center>
<link href="http://fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic|Oswald:400,700|Quicksand" rel="stylesheet" type="text/css">
<style type="text/css">
.name-text3-cell { width: 234px; height: 474px; background-image: url(http://ames.b1.jcink.com/uploads/ames/images/silveriphone.png); background-size: 100%; position: relative; }
.name-text3-inner { width: 194px; height: 345px; background-color: #FAFAFA; position: absolute; top: 64px; left: 20px; border-radius: 1%; background-image: url(http://ames.b1.jcink.com/uploads/ames/images/celltopwhite.png); background-size: 100%; background-repeat: no-repeat; background-position: top left; }
.name-text3-top { position: absolute; top: 12px; left: 0px; width: 194px; height: 157px; background-image: url(http://ames.b1.jcink.com/uploads/ames/images/tiny_grid.png); border-bottom: 2px solid #EDEDED; }
.name-text3-img { position: absolute; top: 8px; left: 44px; width: 100px; height: 100px; background-size: cover; background-position: center; border-radius: 100%; border: 4px solid #DDD; }
.name-text3-num {  position: absolute; top: 95px; right: 55px; border-radius: 100%; padding: 5px 6px 3px 6px; background-color: #D34F4F; line-height: 100%; font-family: oswald; font-size: 7px; text-align: center; border: 2px solid #fff; color: #fff; }
.name-text3-name { position: absolute; top: 120px; left: 0px; right: 0px; line-height: 100%;  font-family: Quicksand; font-size: 22px; color: #000; }
.name-text3-name b { display: block; line-height: 100%; font-family: calibri; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; }
.name-text3-box { position: absolute; bottom: 0px; right: 0px; left: 0px; height: 174px; overflow: auto; }
.name-text3-msg { background-color: #E5E5E5; margin: 5px 5px 5px 30px; border-radius: 10px; padding: 8px; line-height: 100%; text-align: left; font-family: muli; font-size: 10px; color: #000; }
.name-text3-box::-webkit-scrollbar { width: 3px; }
.name-text3-box::-webkit-scrollbar-thumb { height: 3px; width: 3px; border: 0; background-color: #EDEDED;}
.ames-credit { margin-top: 10px; }
.ames-credit a { font: bold 8px/100% calibri; }
</style>[/dohtml]