<link href='http://fonts.googleapis.com/css?family=Stalemate' rel='stylesheet' type='text/css'><center><link href='http://fonts.googleapis.com/css?family=Meie+Script' rel='stylesheet' type='text/css'><style type="text/css"> .cflips { -webkit-perspective:1000; -moz-perspective:1000; -o-perspective:1000; perspective:1000; width:402px; height:402px; } .cflipswitch { -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; transform-style:preserve-3d; width:402px; height:402px; } .cflop:hover .cflipswitch { -webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -o-transform:rotateX(180deg); transform:rotateX(180deg); } .cfront { overflow:hidden; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; position:absolute; } .credit{text-align:right;width:500px;} .cback { overflow:hidden; -webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -o-transform:rotateX(180deg); transform:rotateX(180deg); opacity:0; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; position:absolute; width:402px; height:402px; background-color:#F4F4F4; } .cflop:hover .cback {-webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; opacity:1; background-color:#FFF;} </style><div style="background-image:url(http://static3.grsites.com/archive/textures/lgrey/lgrey022.jpg);padding:50px;height:400px;width:400px;"><div class="cflop"><div class="cflipswitch"><div class="cfront"><div style="width:400px; height:400px; background-image: url(400x400 PICTRUE GOES HEREEEEE); border:1px solid #DFDFDF;"><div style="font-family: 'Stalemate', cursive;font-size:60px;text-align:right;padding-top:300px;padding-right:10px;color:#fff;text-shadow:#574951 2px 2px 2px;">Name M. Surname</div>
<div style="background-color:#fff;opacity:0.7;padding:3px;text.transform:uppercase;font-size:10px;margin-top:-5px;color:#444;">AGE | OCCUPATION | FACE CLAIM | ALIAS| CANNON</div></div></div><div class="cback"><table><tr><td><div style="background-image:url(150X370 PICTURE GOES HEREEEEEE);margin-top:15px;width:150px;height:370px;"></div></td><td><div style="overflow:auto;width:200px;margin-top:10px;height:365px;padding:0px 10px 10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dictum ante vitae semper ultricies. Mauris porta aliquam erat, accumsan aliquet magna accumsan vitae. Curabitur id enim massa. Cras tincidunt nibh in odio sagittis lacinia. In feugiat libero et vulputate pellentesque. Phasellus risus tortor, tempor mollis nisl nec, malesuada euismod nibh. Nulla levelit augue vitae mi. Vestibulum id consequat leo. Sed ornare, purus non luctus vestibulum, sapien erat porta enim, ut ullamcorper libero leo quis lorem. Quisque fermentum, leo id scelerisque congue, elit est consequat est, vel fermentum mi ligula eget turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed ornare, purus non luctus vestibulum, sapien erat porta enim, ut ullamcorper libero leo quis lorem. Quisque fermentum, leo id scelerisque congue, elit est consequat est, vel fermentum mi ligula eget turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae </div></td></tr></table></div></div></div></div><div class="credit"><a href="http://picturetoburn.withme.us/u479"style="color:#574951;font-size:13px;">†††</a></div><BR><br>