Charlie's Phone

<center><link href='http://fonts.googleapis.com/css?family=Roboto:100,200,300,400|' rel='stylesheet' type='text/css'><style type="text/css">.ios7 {width: 212px; height: 375px; position: absolute; overflow: hidden}
.lockscreen {width:212px;height:375px;overflow:hidden} .imessage {width:212px;height:375px;position:relative;-webkit-transform:translateX(-212px); transform:translateX(-212px); -moz-transform:translateX(-212px); -o-transform:translateX(-212px); -webkit-transition:all 1s ease-in-out; transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out;} .lockscreen:hover .imessage {position:relative;-webkit-transform:translateX(0px); transform:translateX(0px); -moz-transform:translateX(0px); -o-transform:translateX(0px);} newmessage {color: white; font: 100 8px roboto; text-transform: lowercase; opacity: .8}::-webkit-scrollbar { width: 1px; }::-webkit-scrollbar-track { background-color: transparent; }::-webkit-scrollbar-thumb { background-color: #ecf8fe; }.talkbubble {width: 140px; max-height: 230px; position:relative; padding: 10px 2px 10px 10px; margin-left: 40px; margin-top: 28px; background:#328eec; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}.talkbubble:before { content:""; position:absolute; bottom:-5px; left:125px; border:0; border-right-width:20px; border-bottom-width:10px; border-style:solid; border-color:transparent #328eec; display:block; width:0;}
.talkbubble:after {content:""; position:absolute; bottom:-10px; left:80px; border:0; border-right-width:0px; border-bottom-width:10px; border-style:solid; border-color:transparent #fff; display:block; width:0;
</style>
<div style="width: 250px; height: 526px; background: url(http://i.imgur.com/IYWxB9l.png);"><div style="width: 212px; height: 375px; background-image: url(http://image.noelshack.com/fichiers/2015/04/1421797630-4322443234-2.jpg); position: relative; top: 77px; left: 1px;"><div class="ios7"><div class="lockscreen"><div class="imessage"><table cellpadding="0" cellspacing="0"><td><div style="width:212px; height:375px; background-image: url(http://i.imgur.com/iDXlLSx.png)"><table cellpadding="5" cellspacing="5"><tr><td><div style="width: 95px; height: 20px; color: black; font: 400 11px roboto; text-align: center; position: relative; top: 10px; left: 56px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 95px;">

First Last

</div></td></tr><tr><td>
<div class="talkbubble"><div style="width: 135px; color: white; font: 400 9px roboto; text-align: justify; padding-right: 7px; max-height: 230px; overflow: auto">
text message here!
</div></div></td></tr></table></div></td><td><div style="width:212px;height:375px; background-image: url(http://i.imgur.com/94AxMOG.png)"><table style="position: relative; top: 100px; left: 10px; padding: 10px 0px;"><tr><td><img src="http://i.imgur.com/d5ADchh.png" width=20px" style="margin-right: 5px" /></td><td><div style="color: white; max-width: 140px; font: 400 11px roboto; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;">

First Last

</div></td><td><newmessage>now</newmessage></td></tr></table>

</div></td></table></div></div></div></div></div><div style="width: 225px; text-align: right"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=18255">▲</a><a href="http://shine.b1.jcink.com/index.php?showuser=3019">▲</a></div>
</center>

<center><link href='http://fonts.googleapis.com/css?family=Roboto:400,100|' rel='stylesheet' type='text/css'><style type="text/css">.ios7{width:212px;height:375px;position:absolute;overflow:hidden}.lockscreen{width:212px;height:375px;overflow:hidden}.icall{width:212px;height:375px;position:relative;-webkit-transform:translateX(-212px);transform:translateX(-212px);-moz-transform:translateX(-212px);-o-transform:translateX(-212px);-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out}.lockscreen:hover .icall{position:relative;-webkit-transform:translateX(0px);transform:translateX(0px);-moz-transform:translateX(0px);-o-transform:translateX(0px)}mobile{font:100 10px roboto}calling{font:100 9px roboto}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#898989}</style><div style="width: 250px;height: 526px; background:url(http://i.imgur.com/IYWxB9l.png);"><div style="width: 212px; height: 375px; background-image: url(http://image.noelshack.com/fichiers/2015/04/1421797630-4322443234-2.jpg); position: relative; top: 77px; left: 1px;"><div class="ios7"><div class="lockscreen"><div class="icall"><table cellpadding="0" cellspacing="0"><td><div style="width:212px; height:375px; background-image: url(http://i.imgur.com/zvO80FL.png)"><table cellpadding="5" cellspacing="5"><tr><td><div style="width: 170px; height: 100px; color: white; font: 100 20px roboto; text-align: center; position: relative; top: 25px; left: 15px">

First Last

<br><calling>calling...</calling></div></td></tr><tr><td>
<div style="width: 170px; height: 120px; overflow: auto; color: white; font: 100 9px roboto; text-align: justify; padding: 5px; position:relative; left: 5px">

phone call post here~

</div></td></tr></table>
</div></td><td><div style="width:212px;height:375px; background-image: url(http://i.imgur.com/Mr5pWiA.png)"><div style="width: 170px; height: 100px; color: white; font: 100 25px roboto; text-align: center; position: relative; top: 35px; left: 25px">

First Last

<br><mobile>mobile</mobile></div>
</div></td></table></div></div></div></div></div><div style="width: 225px; text-align: right"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=18255">▲</a><a href="http://shine.b1.jcink.com/index.php?showuser=3019">▲</a></div>
</center>