<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Raleway:400,800" rel="stylesheet" type="text/css"><link rel="stylesheet" type="text/css" href="http://lipatatornestuff.b1.jcink.com/uploads/lipatatornestuff/hotlinebling.css"><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"><center>
<div id="timebomb-black"><div id="moonsu"><div class="timebomb1"><div class="timebomb2"><table cellpadding="0" cellspacing="0"><tbody><tr valign="middle"><td><div class="timebomb2a"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle-o"></i><span></span><i class="fa fa-wifi"></i></div></td><td><div class="timebomb2b">12:00</div></td><td><div class="timebomb2c"><i class="icon ion-bluetooth"></i> 100% <i class="icon ion-battery-full"></i></div></td></tr></tbody></table></div><div class="timebomb3"><img src="http://placehold.it/120x120">

<div class="timebomb3a"><i class="fa fa-phone" style="color:#8185bc"></i></div></div><div class="timebomb4"><span>appel de <b>nom prénom</b>...</span></div>


<div class="timebomb5"><div class="timebomb5a"> <i>action genre soupirer, rire</i> <b>"paroles, blablabla"</b>


</div><div class="timebomb5b" style="color:#8185bc">raccrocher</div>
</div><div class="timebomb6" style="background-color:#8185bc"></div></div></div></div></center>

<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Raleway:400,800" rel="stylesheet" type="text/css"><link rel="stylesheet" type="text/css" href="http://lipatatornestuff.b1.jcink.com/uploads/lipatatornestuff/hotlinebling.css"><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"><style>.tetherbubble::after{border-color:#8185bc! important}</style>
<center>
<div id="tether-black"><div id="charname"><div class="tether1"><div class="tether2"><table cellpadding="0" cellspacing="0"><tbody><tr valign="middle"><td><div class="tether2a"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle-o"></i><span>at&t</span><i class="fa fa-wifi"></i></div></td><td><div class="tether2b">12:00</div></td><td><div class="tether2c"><i class="icon ion-bluetooth"></i> 100% <i class="icon ion-battery-full"></i></div></td></tr></tbody></table></div><div class="tether3"><table cellpadding="0" cellspacing="0"><tbody><tr valign="middle"><td><div class="tether3a"><i class="fa fa-chevron-left"></i></div></td><td><div class="tether3b"><span><b>nom prénom</b></span>

</div></td><td><div class="tether3c"><i class="fa fa-phone"></i> <i class="fa fa-bars"></i></div></td></tr></tbody></table></div><div class="tether4"><img src="http://placehold.it/120x120">
<div class="tether4a"><i class="fa fa-envelope" style="color:#8185bc"></i></div></div><div class="tether5"><div class="tether5a"><span><b>prénom</b> a écrit...</span></div><div class="tether5b">
<div class="tetherbubble" style="background-color:#8185bc;">message1</div>

<div class="tetherbubble" style="background-color:#8185bc;">message2</div>

</div><div class="tether5c"><table cellpadding="0" cellspacing="0"><tbody><tr valign="middle"><td><div class="tether5d"><i class="fa fa-camera"></i></div></td><td><div class="tether5e">envoyer un message...</div></td><td><div class="tether5f"><i class="fa fa-send" style="background-color:#8185bc;"></i></div></td></tr></tbody></table></div>
</div><div class="tether6" style="background-color:#8185bc"></div></div></div></div></center>