<div class="cell"><div class="time"><b>00:00</b></div>
<div class="pseudo"><b>@"pseudo"</b></div>
<div class="date"><b>iMessage<br>Date du message</b><br>Heure du message</b></div>
<center><div class="bulle_sms"><div class="text_sms">texte ici.</div></div></center></div>

<style>.cell {background-image: url(https://zupimages.net/up/21/16/m8ur.png); background-repeat: no-repeat; height: 550px; margin: 0 auto; width: 275px;} .time {padding: 30px; color: #000000; font: 10px 'Arial';} .pseudo {text-align: center; position: relative; top: -30px; color: #000000; font: 10px 'Arial';} .date {text-align: center; color: #a09f9f; font: 9px 'Arial'; line-height: 1em;} .bulle_sms {width: 200px; background: #718dab; padding: 10px 10px 10px 15px; border-radius: 25px; margin-bottom: -5px;} .text_sms {text-align: right; font: 10px 'Arial'; line-height: 1em; color: #ffffff;}</style>

<link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet"><!--

--><style type='text/css'>.vtel{background-image: url(https://i.imgur.com/xA5has3.png); width: 350px; height: 600px; margin: auto; text-align: center;}.vpseudo{font-family: Lato, sans-serif; font-size: 13px; color: black; font-weight: bold; padding-top: 80px; padding-bottom: 5px;}.vbg{width: 240px; height: 357px; margin-left: 52px; padding-top: 8px; overflow: auto;}.vm1{width: 180px; background-color: #007dfd; float: right; color: white; font-family: Lato, sans-serif; font-size: 10px; text-align: left; margin-right: 5px; padding: 5px 8px; margin-bottom: 8px; border-radius: 15px 15px 5px 15px; position: relative;}.vm2{width: 180px; background-color: #E6E5EB; float: left; color: black; font-family: Lato, sans-serif; font-size: 10px; text-align: left; margin-left: 5px; padding: 5px 8px; margin-bottom: 8px; border-radius: 15px 15px 15px 5px; position: relative;}/*fait par vercors sur bazzart, merci de ne pas vous l'approrier*/</style><!--

--><div class="titre1">

</div>

<div class="vtel"><div class="vpseudo">Nom de l'émetteur  [img]https://2img.net/i/fa/twemoji/16x16/1f60a.png[/img] </div><div class="vbg">
-- Date --
<div class="vm2">Message de l'expéditeur</div> heure

Heure <div class="vm1">Message du propriétaire du tel</div>
</div></div>

<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Lato&display=swap" rel="stylesheet" />
<style>.fontel_Heavdeux{width: 250px; height: 452px; background: url('https://i.imgur.com/AqTJ4bC.png'); background-size: 100% 100%; margin: auto; position: relative;}.titretel_deux{width: 190px; height: 20px; font-family: 'Abril Fatface', cursive; font-size: 15px; color: #ffffff; text-align: center; position: absolute; top: 67px; left: 34px;}.blocmesstel_deux{width: 160px; max-height: 225px; background: rgba(149,143,157,0.7); padding: 5px; font-size: 13px; font-family: 'Lato', sans-serif; color: #efefef; text-align: justify; border-radius: 5px; overflow: auto; position: absolute; top: 105px; left: 43px;}.copyright_deux{width: 212px; height: auto; font-size: 8px; font-family: 'Lato', sans-serif; color: #888888; text-align: center; position: absolute; bottom: 0px; left: 20px;}</style>
<div class="fontel_Heavdeux"><div class="titretel_deux">Prénom et Nom</div>
<div class="blocmesstel_deux">Promptu si persuasione intra portarum et et undique intra insistebant interius persuasione saxa si multitudine pinnis portarum insistebant ita moenia habentes undique sterneretur portarum portarum promptu se in bellatores undique.
</div>
<div class="copyright_deux">@ Heaven</div></div>