<link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
<style type="text/css">

.pink { width: 400px; height: 200px;  -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; }

.flowers { width: 400px; height: 200px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all1s ease-in-out; transition: all 1s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;}

.pink:hover .flowers {-webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg);}

.red {overflow: hidden; position: absolute; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden;}

.roses { width: 400px; height: 200px; background-image: url(http://www.lenagold.ru/fon/tum/beg/tumbeg14.jpg); position: absolute;  opacity: 0;  overflow: hidden; -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden;}

.pink:hover .roses { background-image: url(http://www.lenagold.ru/fon/tum/beg/tumbeg14.jpg);  opacity: 1; -webkit-transition: all 2s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

</style>

<center>
<div style="width: 400px; height: 30px; background-image: url(http://us.cdn2.123rf.com/168nwm/natalii … lowers.jpg);"></div>
<div style="width: 400px; height: 5px; background-color: #6E1A1A;"></div>
<div style="width: 400px;  background-color: #e3dfc1; text-align: center;  font-family: 'economica'; font-size: 15px; color: #6E1A1A; line-height: 100%; padding: 25px 0px 23px 0px; text-transform: uppercase; letter-spacing: 3px;">Marcellus Gerard | 24 (201)</div>
<div style="width: 400px; height: 5px; background-color: #6E1A1A;"></div>
<div class="pink"><div class="flowers"><div class="red"><div style="width: 400px; height: 200px; background-image: url(http://media.tumblr.com/784eb19c0f11e8b … o1_500.gif);"></div></div>
<div class="roses">
<div style="position: relative; top: 10px;">

<table cellspacing="2" cellpadding="0">
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> ВНЕШНОСТЬ</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

CHARLES MICHAEL DAVIS

</div></td>
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> ИМЯ</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

МАРСЕЛЬ ДЖЕРАРД

</div></td>
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> СТОРОНА</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

СОБСТВЕННАЯ

</div></td>
</table>
</div>
</div>
</div></div>
<div style="width: 400px; height: 10px; background-color: #6E1A1A;"></div>
<div style="width: 350px; background-color: #FFF; padding: 10px 25px 10px 25px; text-align: justify; font-family: tahoma; font-size: 10px; line-height: 100%; color: #000;">

Бывший король НО, во время отъезда Майклсонов в Уитмор за спасением Ребекки, стал изгнан ведьмами, желающими поработить территорию. Приехав туда же, где и поселились древние, - в студенческий городок, встретился с Клаусом, сообщив о положениях в Новом Орлеане, однако получив отказ в помощи из-за нерешенных проблем в Уитморе, решает самостоятельно заняться спасением Нового Орлеана и увести армию Никлауса.

</div>
<div style="width: 400px; height: 5px; background-color: #6E1A1A;"></div>
<div style="width: 400px; height: 30px; background-image: url(http://us.cdn2.123rf.com/168nwm/natalii … lowers.jpg);"></div>
</center>