Код:

<br><center>

<link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore|Amatic+SC' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Comfortaa&subset=latin,cyrillic-ext,cyrillic' rel='stylesheet' type='text/css'>

<style type="text/css">

.pic { opacity: 0.0; width: 570px; height: 190px; transition-duration: 0.8s;  -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s; float: left; }
.pic:hover { opacity: 1.0 }

.pic2 { width: 300px; height: 100px; background-color: #cfbdab; float: left; overflow: hidden; }

.lyrics { color: #927150; font-family: 'Lobster', cursive; font-size: 31px; text-align: center; line-height: 100%;}

.headbar { height: 105px; width: 570px; background-color: #927150; padding: 10px; text-align: left; }
.main { width: 544px; background-color: #b79b7f; padding: 20px; border-style: solid; border-width: 0px 2px 2px 2px; border-color: #927150; align: right; }
.text { font-family: 'Comfortaa', cursive; font-size: 14px; text-align: justify; line-height: 100%; }
.foottext { font-family: courier; font-size: 16px; text-transform: uppercase; color: #CEAC41; text-align: center; overflow: hidden; padding: 0px 5px; }
.name { width: 215px; color: #262626; font-family: 'Lobster', cursive; font-size: 25px; text-transform: capitalize; margin: 1px 5px 0px 5px; text-align: right; float: right; }
.namh { width: 215px; color: #262626; font-family: 'Lobster', cursive; font-size: 15px; text-transform: capitalize; margin: 1px 5px 0px 5px; text-align: right; float: right; }
.namz { color: #262626; font-family: 'Lobster', cursive; font-size: 15px; text-transform: none; text-align: left; float: left; margin: 0px 5px 0px 0px;}
.headinfo { color: #927150; background-color: #cfbdab; width: 220px; height: 10px; font-family: 'Comfortaa', cursive; text-transform: lowercase; font-size: 13px; padding: 0px 0px 7px 5px; margin: 3px; float: right; } 
.sub { color: #262626; font-family: 'Lobster', cursive; font-size: 25px; line-spacing: 1px; text-transform: capitalize; text-align: right; margin: 10px 10px 5px 50px; padding-bottom: 5px; border-bottom: 1px solid #927150; }

</style>

<div class="headbar">

<div style="width: 300px; height: 100px; background-image: url(ссылка на гиф-изображение размером 300x100); float: left;"><div class="pic">
<div class="pic2"><div class="lyrics">
<img src="http://storage2.static.itmages.ru/i/16/0322/h_1458633924_2402630_b5e9fd6217.jpg" width: 300px; height: 100px;> 

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

<div class="name">Любые ФИ на Ваше усмотрение</div>
<div class="namh">18 | 4</div>
<div class="namh">Англичанин</div>
<div class="namh">би или гомо</div>
<div class="namh">Любая внешность</div>


<div class="main"><div class="text">

<div class="sub">Характер</div>

Мой сводный брат фактически полная моя противоположность: яркий, талантливый фактически во всем, за что берется, кроме точных наук. Он легко поддержит любую беседу, также просто заводит новые знакомства, оставляя после себя фонтан эмоций и восхищения. Он легок на подъем, на "раз" ввязывается в авантюры любого рода, а на "два" втягивает в них других. <br>
Прирожденный лидер, дипломат, почти с пеленок политик - он, как рыба в воде, себя чувствует среди интриг и лжи, прекрасно осознавая значимость общения и информации в этом мире. Привык легко менять маски, впрочем, не теряя собственной сути.

<div class="sub">Взаимоотношения</div>

Насильно мил не будешь, как говорится, и сводные братья - не исключение. Будет ли для тебя Кайл действительно что-то значить или влюбить его в себя (не обязательно в плане романтическом, но и просто заставить любить, как брата, привязать) хочется просто из принципа, оставляю на тебе. Подколы, шуточки, "случайные" прикосновения и весьма однозначные намеки с твоей стороны, обещаю, будут вызывать весьма живую реакцию, хотя никто до тебя не мог вывести меня из равновесия, никто настолько не бесил и не раздражал. Перерастет ли это в драму или хэппиэнд - зависит лишь от хода игры, я не планирую нечто конкретное заранее, ибо хочется раскрыть эти отношения в процессе отыгрыша.

<div class="sub">Информация</div>

Ты рос, не зная бед, фактически в иной вселенной, нежели все те, кто теперь рядом с нами в одном детском доме. Даже по сравнению с моей твоя жизнь ярче и насыщенней, полна аплодисментов и внимания публики. Модель, актер, певец? Выбирай, лишь бы ты купался в славе уже к 14-15 годам. Лишился матери раньше, чем вообще смог запомнить ее, потому особо и не горюешь, знаешь ее лишь по семейным фото.<br>
Твой отец (политик, дипломат, знаменитый актер-режиссер, - что угодно, лишь бы были деньги и влияние), род деятельности выбираешь сам) женился на моей матери всего лишь полтора года как тому назад. В довесок получил еще и младшего "сына", впрочем, не слишком конфликтного, почти сразу принявшего отчима. А вот тебя я явно невзлюбил с первого же взгляда, что показалось странным - обычно люди очаровываются твоей "искренней" улыбкой и сиянием с ходу. И это как червоточина в голове, дело принципа - привязать к себе, даже если оно тебе нафиг не сдалось. Одержать еще одну победу, поставить галочку в длинном списке, оставить зарубку на память - легко, как тебе кажется.<br>
Смотри только, чтобы насечка эта не резанула по тебе самому.

<div class="sub">Другое</div>

<div class="namz">О персонаже:</div> я, разве что, пожелаю внешность фактически противоположную моему персонажу, можно что-то неформальное, хоть с малиновыми волосами, да. Пирсинг, тату, длинные волосы, искусственно нарощенные ради сценического образа клыки или шрамирование - в общем, что-то, что точно будет выделять тебя из серой массы.<br>
Ах, да, учишься ты на отлично, почти играючи запоминаешь материал учебный... кроме точных наук. Здесь тебе придется "попросить" помощи у брата еще в школе до приюта.
<br>
<div class="namz">О Вас:</div> гостевая для начала, а там спишемся-найдемся.

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