Код:

<!*--HTML-->
<link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script|Marvel' rel='stylesheet' type='text/css'><style type="text/css">.bh {width: 500px; height: 300px; background-image: url(http://funkyimg.com/i/2iB5j.jpg); opacity: 0.0; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;}
.bh:hover {width: 500px; height: 300px; background-image: url(http://funkyimg.com/i/2iB5j.jpg); opacity: 1.0;}</style>

<center><div style="background-image: url(http://funkyimg.com/i/2iB5i.jpg); width: 500px; height: 300px;"><div class="bh"><div style="width: 200px; padding: 10px; background-color: white; position: relative; top: 100px; left: 80px; font-family: times new roman; color: 121212; font-style: italic; letter-spacing: 3px; font-size: 12px; opacity: 0.95; text-align: justify; line-height: 95%;">

<b>Возраст:</b> <br>
<b>Раса|Магия:</b> <br> 
<b>Ориентация: </b><br>
<b>Должность:</b><br>

</div></div></div><div style="width: 500px; background-image: url(http://funkyimg.com/i/2iq4H.jpg); border-bottom: 40px solid #3467b8;">

<div style="width: 400px; font-family: petit formal script; color: white; font-size: 45px; padding-top: 30px; position: relative; z-index: 2;">

First Name Surname 

</div><div style="width: 400px; font-family: marvel; color: white; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; margin-top: 12px;">

используемая внешность

</div><BR><div style="width: 450px; padding-left: 10px; padding-right: 10px;  background-color: white; font-family: calibri, sans-serif; color: 121212; font-size: 14px; line-height: 90%; text-align: justify; height: 300px; overflow: auto;">
<br>
<center><b>ХАРАКТЕР</b></center><hr>
Просьба полностью раскрывать характер вашего персонажа. Учитывая его положительные и отрицательные качества. Не забываем и про то, что характер должен быть не противоречивым.
<br><br>
<center><b>БИОГРАФИЯ </b></center><hr>
Раскрываем всю историю вашего персонажа. Самые важные моменты, начиная с рождения, детства и настоящего. Постарайтесь прописать его так, чтобы всё было логичным и не выходило за пределы разумного. 
</div><BR><BR><BR><div style="width: 460px; padding: 20px; font-family: marvel; color: white; font-size: 12px; letter-spacing: 4px; background-color: 3467b8;">

Чего ждёте от ролевой:<br>
Что хотели бы отыграть:<br>
Связь с вами:<br>

</div></div></center>