<style> .Heatherliens { width: 400px; padding-bottom:20px; margin:auto; height: auto; background:white; box-shadow:1px 2px 10px black;} .Heathertitreliens { margin:auto; position:absolute; margin-top:-35px; color: #405864; font-family: 'Vivaldi'; text-shadow: 1px 1px lightgrey; font-size: 35px; transition: 1s; } .Heathertitreliens:hover { opacity:0.7; transition: 1s; } .Heatherimgliens:hover { transition:0.5s; opacity:0.8; } .Heatherinformations { transition: 0.5s; margin-top:20px;background: #405864; margin:auto; width:400px; opacity:0.8; color:white; text-align:center; } .Heatherinformations:hover { transition: 0.5s; opacity: 1;} .Heatherstory { font-family: 'Century Gothic'; letter-spacing: -0.05em; font-size: 12px; overflow:auto; margin-top: 20px; width: 350px; border-top: 03px solid #405864; border-bottom: 03px solid #405864; margin:auto; height: 150px; padding: 10px; text-align: justify; transition: 1s; } .Heatherstory:hover { transition: 1s; opacity:0.8; } .Heatherstitre { margin:auto; text-align:center; color: #405864; font-family: 'Vivaldi'; text-shadow: 1px 1px lightgrey; font-size: 35px; transition: 1s; } .Heatherimgliens { margin:auto; width:200px; border-radius: 13px; } .Heatherimgliens:hover { transition: 1s; opacity:0.8; } .Heatherajoutimg { margin-top: 15px; width:50px; height:50px; opacity:0.9; border-radius:05px; float:left; margin-left:10px; } .Heatherajoutlien { margin:auto; width:500px; height:100px; background:white; box-shadow:1px 2px 10px black;} .Heathercredits { font-size: 09px; color: grey; margin:auto; text-align:center; }  </style>

<br><div class="Heatherliens"><div class="Heathertitreliens">Liens de Pseudo</div><div class="Heatherinformations">Prenom - Nom - Age - Sexualite - Orientation</div><br>

<center><img src="https://media.giphy.com/media/pQ4AncpbDjDDW/giphy.gif" class="Heatherimgliens" /></center><div class="Heatherstitre">Tell me your story</div><div class="Heatherstory">Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. </div><br><div class="Heatherstitre">I want..</div><div class="Heatherstory" style="height:70px;">Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. </div></div> <div class="Heathercredits">Araksha sur <a Href="http://wild-sanctuary.forumactif.org">Wild Sanctuary</a></div><br>

<div class="Heatherajoutlien"><div class="Heathertitreliens">Pseudo</div><img src="http://www.adolph-numerical.co.uk/images/100x100.gif" class="Heatherajoutimg" /><div class="Heatherstory" style="height:50px; margin-top: 15px;">Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant.</div> <div class="Heathercredits">Araksha sur <a Href="http://wild-sanctuary.forumactif.org">Wild Sanctuary</a></div></div>