Tinder

Profil Tinder

Code:

<center><div class="phone"><img class="photo" src="https://via.placeholder.com/200x320"><img class="photo-cadre" src="https://tinyurl.com/syawh7f"><img class="slide-bottom" src="https://tinyurl.com/rslhooy">
<div class="content"><span class="prénom">Pseudo</span><span class="age">Age</span>
<span class="infos">[color=#D0D1D3]<img src="https://tinyurl.com/vvzdsyk">Métier ici
<img src="https://tinyurl.com/uz7cm4h"> Vit à ???
<img src="https://tinyurl.com/uqerc6r"> à moins d'un km de distance[/color]</span>
<div class="description">Une petite description trop funky à propos de ton personnage. Tu recherches ton âme sœur ? Précise le aussi  en revanche, si tu n'es là que pour jouer avec les pêches et les aubergines... </div>
<a href="https://www.youtube.com/watch?v=P07XG1P0ums"><img class="music-photo" src="https://via.placeholder.com/100x100"><img class="play" src="https://tinyurl.com/w53n3eu"></a><span class="music-info">[b]Ma chanson préférée[/b]<br>[color=#D0D1D3]TITRE CHANSON<br>ARTISTE[/color]</span></div></div>
[size=8]TOSHIKI[/size]</center>
<style>.phone{display: block;width: 300px; height: 600px;background-image: url(http://ekladata.com/LVvkDR-HZxCAQplYx0GJhzv5JNY.png);background-size: cover;}.photo-cadre{height: 300px;width: 300px;position: relative; margin-top: -300px;}.photo{object-fit: cover; width: 290px; height: 290px;border-radius: 30px;margin: auto;}.slide-bottom{width: 60px; height: 60px; position: relative; margin-top: -70px; margin-left: 170px;}.content{position: relative;z-index: 10; text-align: justify;padding: 0px 20px;margin-top: -25px;}.prénom{font-size: 20px;font-weight: bold;}.age{padding-left: 10px;font-size: 18px;}.infos{display: inline-block; margin-top: 5px; font-size: 11px; line-height: 12px;}.infos img{height: 10px; width: 10px;}.description{margin-top: 10px; line-height: 14px; height: 100px; overflow: auto;}.music-photo{object-fit: cover; height: 60px;
width: 60px; border-radius: 5px; margin-top: -5px;}.play{position: relative; left: -45px; top: -18px;}.music-info{display: inline-block; position: relative; top: -25px; left: -10px; font-size: 11px; line-height: 13px;}</style>

Pour swipe une personne

Code:

<center><div class="phone-like"><img class="photo-like" src="https://via.placeholder.com/200x320"><img class="like" src="https://tinyurl.com/wc6hjh7">
<div class="content-like"><span class="prénom">PRENOM</span><span class="age">AGE</span>
<span class="infos">[color=#D0D1D3]<img src="https://tinyurl.com/vvzdsyk"> Métier ici
<img src="https://tinyurl.com/uz7cm4h"> Vit à ???
<img src="https://tinyurl.com/uqerc6r"> à moins d'un km de distance[/color]</span></div></div>
[size=8]TOSHIKI[/size]</center>
<style>.phone-like{display: block;width: 300px; height: 600px;background-image: url(http://ekladata.com/LJRIcs7Ds2z3WV8EGTMoiNrznfo.png);background-size: cover;}.photo-like{object-fit: cover; width: 260px; height: 320px; border-radius: 15px; margin-top: 90px;}.like{width: 262px; height: auto; margin-top: -65px;}.content-like{text-align: justify;padding: 0px 20px;margin-top: 10px;}.prénom{font-size: 20px;font-weight: bold;}.age{padding-left: 10px;font-size: 18px;}.infos{display: inline-block; margin-top: 5px; font-size: 11px; line-height: 12px;}.infos img{height: 10px; width: 10px;}</style>

Pour un match

Code:

<center><div class="phone-match"><span class="match-prénom">PRENOM</span>
<img class="photo-match" src="https://via.placeholder.com/200x320"><img class="match" src="http://ekladata.com/WnNZ7JUf-x64qdC4A6Z5ZqDtLVw.png"></div>
[size=8]TOSHIKI[/size]</center>

<style>.phone-match{display: block;width: 300px; height: 600px;background-image: url(http://ekladata.com/Fd4Ai4VsLbaoiVnun1um3kYowMY.png);background-size: cover;}.photo-match{object-fit: cover; width: 260px; height: 475px; border-radius: 15px 15px 35px 35px; margin-top: 90px;}.match{margin-top: -250px; width: 200px; height: 67px;}.match-prénom{position: relative; top: 82px; font-size: 13px; text-transform: uppercase;}</style>