<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<style>#cl-two {width: 130px; height: 130px;}#cl-two img {width: 130px; height: 130px;}#cl-one {margin-left: -2px; width: 345px; height: 150px; position: relative; overflow: hidden;}
.cl-name {padding: 1px; position: absolute; top: 25px; left: 20px; width: 300px;}.cl-n2 {padding: 20px;}.cl-nn {font-family: fjalla one; font-size: 30px; text-transform: uppercase; text-align: center; color: #757575;}.cl-nnn {font-size: 7px; letter-spacing: 1px; font-family: arial; color: #000; padding: 2px;background-color:rgba(122,122,122,0.5); text-align: center; text-transform: uppercase; margin-top: 2px;}#cl-one .cl-three {width: 265px; height: 70px; position: absolute; right: -345px; padding: 40px; background-color: #b8b8b8; opacity: 0.95; z-index: 4; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;}
#cl-one:hover .cl-three {right: 0px;}.cl-write {overflow: auto; height: 70px; text-align: justify; line-height: 90%; padding-right: 10px; color: #121212; font-family: arial; font-size: 10px;}</style><center><table cellspacing=0><td><div id="cl-two" style="border: 10px solid #3D3D3D;"><img src="130x130" /></div></td><td><div id="cl-one" style="background-image: url(http://i60.tinypic.com/2lyn11.jpg);"><div class="cl-name" style="border: 1px solid #3D3D3D;"><div class="cl-n2" style="background-color:rgba(61,61,61,0.8);"><div class="cl-nn" style="text-shadow: 1px 1px 0px black, 2px 2px 0px #3D3D3D, 3px 3px 0px black;">first, last name, surname </div><div class="cl-nnn">veikėjo moto</div></div></div><div class="cl-three"><div class="cl-write">[size=9] ✘ [b]AGE[/b] -
✘ [b]RESIDENCE[/b] -
✘ [b]FAMILY MEMBERS[/b] -
✘ [b]BELOVED[/b] -
✘ [b]JOB[/b] -
✘ [b]OTHER THINGS[/b] -  
✘ [b]FACE CLAIM[/b] - [/size]
</div></div></div></td></table>