Modèle

HEART STROKE, célèbre application de rencontre née il y a peu de temps, vous permet de faire la rencontre de diverses personnes selon vos critères de recherche. Caractéristiques à remplir, vous pourrez interagir avec d'autres utilisateurs, communiquer, et également liker les profils qui vous intéressent le plus sous forme de coup de cœur, d'où le nom de l'application. Que ce soit pour des rencontres banales, des envies de sortir ou encore romantique, n'hésite pas à te servir de cette plateforme pour faire de nouvelles rencontres, et qui sait, peut-être trouver la personne qui te conviendra ?

Code:

<center><div class="fondt1"><div class="fondt2"><div class="stf">welcome on your profile</div></div><div class="fond2"><img src="http://placehold.it/70x70" align="center" div class=user> <div class="fondt4" style="margin: 50px 0px 0px; padding: 50px 10px 10px; outline: 1px solid #cacaca;"></br></br><ll>[b](( NOM PRENOM ))[/b]</ll> </br>
<div style="background-color: #D3D3D3; width:150px; height: 1px;"> </div>
<stf>mini bio</stf>
<div style="background-color: #D3D3D3; width:150px; height: 1px;"> </div>
<ll>[b][size=13]000[/size][/b]
HEART STROKE</ll></br></div> </br><div class="tabs-onglets"><a href="#premier_onglet"><div class="case" style="outline:1px solid #eee;  width: 100px; display: inline; border-bottom: 1px solid #bfbfbf;"><ll>preferences</ll></div></a><a href="#deuxieme_onglet"><div class="case" style="outline:1px solid #eee;  width: 100px; display: inline; border-bottom: 1px solid #bfbfbf;"  ><ll> CONTACTS </ll></div></a><div id="contenu" style="background : #fff; border : 2px double white; outline: 1px solid #ccc; height:200px; padding: 10px; margin: 10px; overflow: auto;" ><div id="premier_onglet">
<table cellpadding="0" cellspacing="0"><tr><td><img src="http://placehold.it/70x70" div class="postimg"></td><td><img src="http://placehold.it/70x70" div class="postimg"></td><td><img src="http://placehold.it/70x70" div class="postimg"></td><td><img src="http://placehold.it/70x70" div class="postimg"></td></tr></table></BR> <c4>SIGNE ASTROLOGIQUE</c4> •  <c4>AGE</c4> •  <c4> PARTICULARITE</c4>
<stf>
[center]caractère en quelques mots[/center]
</stf></br><div style="background-color: #D3D3D3; width:300px; height: 1px;"> </div>
<ll> RECHERCHES </ll>

<c4>AMBITION</c4>
<div class="jauge2" style=width:100px;><div class="jauge1" style=width:80px;><div class="pourcentage">80%</div></div></div>
<c4>COURAGE</c4>
<div class="jauge2" style=width:100px;><div class="jauge1" style=width:80px;><div class="pourcentage">80%</div></div></div>
<c4>ROMANTISME</c4>
<div class="jauge2" style=width:100px;><div class="jauge1" style=width:80px;><div class="pourcentage">80%</div></div></div>
<c4>CHARISME</c4>
<div class="jauge2" style=width:100px;><div class="jauge1" style=width:80px;><div class="pourcentage">80%</div></div></div>
<c4>WHATEVER YOU WANT</c4>
<div class="jauge2" style=width:100px;><div class="jauge1" style=width:80px;><div class="pourcentage">80%</div></div></div>
</div>
<div id="deuxieme_onglet"><img src="http://placehold.it/50x50" align="left" style="border-radius: 70px; width: 50px; height: 50px; padding: 5px; border: 2px solid #eee;  object-fit: cover; margin: 0px 0px -100px;" ><div class="fondt6" style="     outline: 1px solid #cacaca;background: #fff; border: 2px double white; overflow: hidden;max-height: 46px;padding: 10px 10px 5px;}"><ll>[b]NOM PRENOM [/b]</ll></br><c4>SIGNE ASTROLOGIQUE</c4> •  <c4>AGE</c4></br>message - call - profil
</div>
<img src="http://placehold.it/50x50" align="left" style="border-radius: 70px; width: 50px; height: 50px; padding: 5px; border: 2px solid #eee;  object-fit: cover; margin: 0px 0px -100px;" ><div class="fondt6" style="     outline: 1px solid #cacaca;background: #fff; border: 2px double white; overflow: hidden;max-height: 46px;padding: 10px 10px 5px;}"><ll>[b]NOM PRENOM [/b]</ll></br><c4>SIGNE ASTROLOGIQUE</c4> •  <c4>AGE</c4></br>message - call - profil
</div>
<img src="http://placehold.it/50x50" align="left" style="border-radius: 70px; width: 50px; height: 50px; padding: 5px; border: 2px solid #eee;  object-fit: cover; margin: 0px 0px -100px;" ><div class="fondt6" style="     outline: 1px solid #cacaca;background: #fff; border: 2px double white; overflow: hidden;max-height: 46px;padding: 10px 10px 5px;}"><ll>[b]NOM PRENOM [/b]</ll></br><c4>SIGNE ASTROLOGIQUE</c4> •  <c4>AGE</c4></br>message - call - profil
</div>
</div></div></center>
</center></div></div></div></center></div><style type="text/css">.fondt1 {background : #ececec; border : 3px double white; outline: 1px solid #eee; padding: 6px; width: 350px;} .fondt2 {background : #fff; border : 2px double white; outline: 1px solid #eee; } .fondt3 {background : #fff; border : 2px double white; outline: 1px solid #eee; margin-top: 6px; } .stf {color: #ababab; font-family: arial; font-size: 7px; letter-spacing: 4px; text-align: center; text-shadow: 1px 1px #fff; text-transform: uppercase; padding: 7px} .text2 {font-family: arial; font-size: 10px; letter-spacing: 4px; text-align: justify; text-shadow: 1px 1px #fff; padding: 12px; }.fondt4 { background: #fff; border: 2px double white;  overflow: auto; width:200px; margin: 50px 0px 0px; padding: 50px 10px 10px; outline: 1px solid #cacaca;   } .user{border-radius: 70px; width: 70px; height: 70px; padding: 5px; border: 2px solid #eee; margin-right:8px; object-fit: cover; margin: 0px 0px -100px;  }  .postimg{ width: 70px; height: 70px;  border: 2px solid #eee; object-fit: cover; opacity: 0.9;  } .tabs-onglets {    display: inline;}  #contenu, #contenu6 {      background-color: #fff;    border: 1px solid #efefef;    font-family: open sans;    font-size: 10px;    line-height: 150%;    margin: 5px 5px 10px;    overflow: auto;    padding: 15px;    text-align: justify;} .case{background-color: #fff;    border-radius: 75px;    color: #fff;    display: inline;    margin-left: 2px;    margin-right: 2px;    padding: 5px;    text-transform: uppercase;   }</style>

Code:

<center><img src="http://placehold.it/70x70" align="center" style="border-radius: 70px; width: 70px; height: 70px; padding: 5px; border: 2px solid #eee; margin-right:8px; object-fit: cover; margin: 0px 0px -100px;"> <div class="fondt4" style="margin: 50px 0px 0px; padding: 50px 10px 10px; outline: 1px solid #cacaca; background: #fff; border: 2px double white;  overflow: auto; width:300px;  "></br></br><ll>[b](( NOM PRENOM ))[/b]</ll> </br>
<div style="background-color: #D3D3D3; width:150px; height: 1px;"> </div>
Message de la mort qui tue

</div></center>

(( NOM PRENOM ))

Message de la mort qui tue