<style> .clearfix{overflow:auto}.clearfix::after{content:"";clear:both;display:table}.iphone{margin:auto;padding:0;width:260px;height:529px;box-sizing:border-box;border-radius:35px;background:#020024;background:radial-gradient(circle,#020024 0,#036 50%,#020024 100%);border:4px solid #010011}.iphone-header{width:100%;height:55px;float:left;position:relative}.iphone-camera{width:10px;height:10px;border-radius:50%;background-color:#000;position:absolute;left:75px;top:21px}.iphone-speaker{width:8px;height:8px;border-radius:50%;background-color:#000;position:absolute;left:calc(50% - 4px);top:11px}.iphone-speaker:after{content:'';width:40px;height:3px;background-color:#000;position:absolute;left:-16px;top:15px}.iphone-screen{width:230px;height:409px;float:left;background-color:#232323;margin-left:11px;box-sizing:border-box;border:1px solid #ccc;position:relative}.iphone-metanav{background-color:#000;height:15px;display:flex;flex-direction:row;padding:5px; border-bottom: 1px solid #1c1c1b;}.item-f1{flex-grow:1;color:#fff;font-size:.7em}.item-f1:nth-child(1){text-align:left}.item-f1:nth-child(2){text-align:center}.item-f1:nth-child(3){text-align:right;margin-top: -1px;}.iphone-apps{padding:5px; height: 308px;}.title{padding:5px 10px;margin-bottom:5px;color:#fff;border-bottom: 1px solid #535352;}.contact-icone{margin-right:5px;margin-bottom:10px;float:left}.contact-icone img{border-radius:100px;height:40px;width:40px}.contact .message{float:left;background-color:#c1dce4;width:74%;border-radius:0 10px 10px 10px;padding:5px;font-size:12px;margin-top: 10px;}.rep{float:right;background-color:#c1dce4;width:74%;border-radius:10px 10px 0 10px;padding:5px;font-size:12px;margin-bottom:10px}.iphone-footer{width:100%;height:57px;float:left;position:relative}.iphone-footer:before{content:"";width:45px;height:45px;position:absolute;top:calc(50% - 22px);left:calc(50% - 22px);transform:rotate(38deg);border-radius:50%;background:-webkit-linear-gradient(top,#f5e0cd 0,#b29f90 43%,#b29f90 55%,#f5e0cd 91%)}.iphone-footer:after{content:"";width:40px;height:40px;position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);border-radius:50%;background-color:#000}.bouton {position:absolute; bottom:0;background:#000; padding:5px; width: 218px; color:white;text-align: right; border-top: 1px solid #535352;} </style><!--
--><div class="iphone"><!--
--><div class="iphone-header"><!--
--><div class="iphone-camera"></div><!--
--><div class="iphone-speaker"></div><!--
--></div><!--
--><div class="iphone-screen" style="background:url(https://i.gyazo.com/9b943fe4c106f63278c9dfe3c2174bfb.png); background-size: cover; filter:grayscale(20%)"><!--
--><div class="iphone-metanav"><!--
--><div class="item-f1"><img src="https://i.gyazo.com/0f31f732a1cd4f8c62943a9fac19a7b6.png" alt="" style="margin-right:3px"><img src="https://i.gyazo.com/635a64b38c2538d4aa5b69ce38a86ed8.png" alt=""></div><!--
--><div class="item-f1" style="padding-left: 21px;">1:35 PM</div><!--
--><div class="item-f1"><span>83 %</span> <img src="https://i.gyazo.com/5f110e5eaf10ad4864d8ad712a9eb652.png" alt="" style="float: right;margin-left: 4px;margin-top: 3px;"></div><!--
--></div><!--
--><div class="title" style="background: #0c0c0c;"><img src="https://i.gyazo.com/8c9f56f7084463fbfec0869eafd7e4b3.png" style="float:left;margin-right: 10px;"> Prénom Nom </div><!--
--><div class="iphone-apps"><!--
--><div class="contact clearfix"><!--
--><div class="contact-icone"><img src="https://i.gyazo.com/a58dcef020f118f54ceda2b9334ba744.png" alt=""></div><!--
--><div class="message">Message du contact</div><!--
--></div><!--
--></div><!--
--><div class="iphone-action"><div class="bouton">Répondre <img src="https://i.gyazo.com/8c9f56f7084463fbfec0869eafd7e4b3.png" style="float:right;margin-left: 10px;transform: rotate(-180deg);"></div></div><!--
--></div><!--
--><div class="iphone-footer"> </div><!--
--></div>
Prénom Nom 
