TELEPHONE FLEURI

Code:: <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> Sherlock Holmes <div>+33689210560</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">mardi 12 janvier 2021</div><div class="ls_int_total"> <div class="ls_int_icon"><img src="https://imgur.com/x9jmlw0.png"/></div><div class="ls_ph_bulle">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div></div><div class="ls_int_total"> <div class="ls_ph_bulle">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas gravida lobortis odio, eu egestas felis auctor mattis. Sed elementum convallis sapien, vitae lobortis enim viverra id. Pellentesque ornare sapien nisl, ut porttitor risus hendrerit ac. Cras pulvinar in mi et finibus. Phasellus sollicitudin leo at libero elementum cursus. Suspendisse sed sagittis ligula. Sed non nisl ante. Vivamus dui urna, finibus vel finibus ac, luctus sed nisi. </div><div class="ls_int_icon"><img src="https://imgur.com/i0UIrNg.png"/></div></div></div></div><div class="ls_credit"><a target="_blank" href="https://somuchgravity.forumsrpg.com/">Jawn</a></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: 100%; 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>