<center><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><style type="text/css">..contentInfo td {font-family:trebuchet ms; font-size:10px; font-weight:bold;} .contentInfo .fa {font-size:6px; margin-right:1px; margin-top:-0px;} .faLock {margin-left:50px; transition:.3s; color:#fff;} .mobileContent1 {background-color:#f1f1f1; height: 430px; width: 278px; overflow:hidden;} .battery2 {padding:1px; border: white 1px solid; border-radius:2px; width:13px; height:5px;} .batteryLife2 {background-color: white; width:10px; height:5px;} .batteryHead2 {background-color: white; height:5px; width:1px; float:right; margin right:7px; margin-top:-7px;}</style>
<div style="height: 560px;"><div style="width: 300px; height: 550px; background-color: black; border: #9676a0 5px solid; border-radius: 30px;"></div><div style="background-color: #9676a0; height: 40px; width: 5px; margin-left: 312px; margin-top: -450px;"></div><div style="margin-top: -130px; margin-left: 10px;"><div style="background-color:#2a2a2a; height:5px; width:5px; border-radius:100%;"></div><div style="background-color:#2a2a2a; height:4px; width:50px; border-radius:5px; margin-top:10px;"></div><div style="background-color:#414141; height:10px; width:10px; border-radius:100%; margin-left:-80px; margin-top:-7px;"></div></div><div style="background-color:#2a2a2a; height:430px; width:278px; margin-top:20px;"><div class="mobileContent1"><div style="background-image: url('http://ekladata.com/APJ8-koLVlSjUqiw1i8ZAKB5nfg.png'); width: 278px; height: 430px;"><div style="margin-left:-9px;" class="contentInfo"><table style="width: 278px; padding-top: 5px;"><tr><td style="width: 33%; padding-left: 7px;"><i class="material-icons" style="font-size: 9px;">brightness_1</i><i class="material-icons" style="font-size: 9px;">brightness_1</i><i class="material-icons" style="font-size: 9px;">brightness_1</i><i class="material-icons" style="font-size: 9px;">panorama_fish_eye</i><i class="material-icons" style="font-size: 9px;">panorama_fish_eye</i></td><td style="width: 34%;"><div class="faLock"><i class="material-icons" style="font-size: 9px;">lock</i></div></td><td style="width:10%"><div style="margin-left: 80px;"><i class="material-icons" style="font-size: 18px; transform: rotate(90deg);">battery_charging_full</i></div></td></tr></table></div><div style="font-family: Source Sans Pro; font-size: 60px; margin-top:40px; color:#fff;">14:20</div><div style="font-family: Source Sans Pro; margin-top: 20px; color:#fff; font-size: 15px;">Jour # mois</div>
<div style="width: 230px; background: rgba(255,255,255,0.8); border-radius: 10px; color: #505050; padding: 10px; font-family: Source Sans Pro; text-align: left;"><table><tr><td><img src="http://ekladata.com/6-ZhP4dx-HH7QV-H5dajPMAQEjU.png" style="width: 50px; height: 50px;"></td><td style="padding-left: 10px;"><b>Titre de la chanson</b>
<span style="font-size: 9px;">ARTISTE
Album (année)</span></tr></table>
<div style="width: 70px; height: 2px; background-color: #efefef; margin-top: 10px; margin-left: 5px; border-radius: 1px 0px 0px 1px;"></div><div style="width: 150px; height: 2px; background-color: #b2b2b2; margin-top: -2px; margin-left: 70px; border-radius: 0px 1px 1px 0px;"></div><table style="margin-top: -2px; width: 223px; margin: auto; margin-left: 2px;"><tr><td><span style="font-size: 8px;">0:37</span></td><td style="text-align: right;"><span style="font-size: 8px;">4:21</span></td></tr></table>
<table style="width: 310px; margin-left: -4px;"><tr><td width="28%"><i class="material-icons" style="font-size: 30px; color: white;">skip_previous</i></td><td width="33%"><i class="material-icons" style="font-size: 30px; color: white;">play_circle_filled</i><i class="material-icons" style="font-size: 30px; color: white;">pause</i></td><td width="33%"><i class="material-icons" style="font-size: 30px; color: white;">skip_next</i></tr></table></div></div></div></div><div style="height:40px; width:40px; border:#2a2a2a 2px solid; border-radius:100%; margin-top: 9px; margin-left:3px;"></div></div></center>
Accueil
