<link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"/><div class="ls_phone" style="background-image:url(https://imgur.com/3S7IZRX.png);background-size:100%;background-repeat:no-repeat;"> <div class="ls_phone_fond"> <div class="ls_phone_top"> <span class="th th-mute"></span> <span class="th th-alarm-clock-1"></span> <span class="th th-wifi"></span> 58% <span class="th th-battery-1"></span> 00:58 </div><div class="ls_phone_barretop"> <div class="ls_name_icon"><span class="th th-chevron-left"></span> Nom Prénom <div>+000-000-0000</div></div><div class="ls_name_right"><span class="th th-telephone"></span> <span class="th th-question"></span></div></div><div class="ls_ph_total"> <div class="ls_phone_date">jour mois année</div><div class="ls_int_total"> <div class="ls_int_icon"><img src="https://imgur.com/x9jmlw0.png"/></div><div class="ls_ph_bulle">Votre message avec votre petite photo</div></div><div class="ls_int_total"> <div class="ls_ph_bulle">Ma petite réponse avec ma photo </div><div class="ls_int_icon"><img src="https://64.media.tumblr.com/de1eaecd4b3997a29ec46ff170da1f8e/ab8d05529b64daf5-52/s400x600/afe532c8337566c9e8ce50c21408d9044032cf49.png"/></div></div></div></div><div class="ls_credit"><a target="_blank" href="https://somuchgravity.forumsrpg.com/">Jawn</a></div>

</div>

<style>.ls_phone{margin: 0 auto; width: 500px; height: 760px;}.ls_phone_fond{width: 328px; height: 584px; background-image: url(https://imgur.com/4F0BKTN.png); margin: 0px 0px 0px 86px; position: relative; top: 89px;}.ls_phone_top{text-align: right; padding: 5px; background: brown; font: 13px roboto; color: white;}.ls_phone_top span{color: white; margin: 0px 2px;}.ls_phone_barretop{display: flex; flex-wrap: wrap; justify-content: space-between; width: 94%; background: #b76e6e; padding: 10px;}.ls_name_icon{font: 13px roboto; color: #1e1e1e; font-weight: bold; width: 190px;}.ls_name_icon div{font-weight: normal; padding-left: 15px; font-size: 11px;}.ls_name_icon span{cursor: pointer;}.ls_name_right{width: 70px; text-align: right; cursor: pointer; letter-spacing: 3px; padding-top: 2px;}.ls_ph_total{padding: 10px; height: 511px; overflow: auto;}.ls_phone_date{text-align: center; color: #1e1e1e; font: 11px Roboto; text-transform: lowercase; font-weight: bold; margin: 0 auto; width: 70%; border-bottom: 1px solid #1e1e1e; height: 16px;}.ls_int_total{width: 300px; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 20px;}.ls_int_icon{width: 50px; height: 50px; overflow: hidden; border-radius: 100%; border: solid 2px brown; margin-left: 10px;}.ls_int_icon img{width: 100%;}.ls_ph_bulle{width: 200px; margin-left: 20px; text-align: justify; font: 11px roboto; padding: 8px; background: rgba(250, 250, 250, 0.9); border-radius: 10px; color: black;}.ls_credit{text-transform: lowercase; letter-spacing: 0.5px; writing-mode: vertical-rl; transform: rotate(180deg); margin: 52px 0px 0px 56px;}.ls_credit a{color: #ccc; font: 11px Arial;}</style>