ЕСЛИ ИСПОЛЬЗУЕТЕ HTML НЕ ЗАБЫВАЙТЕ УДАЛЯТЬ 2* В САМОМ НАЧАЛЕ И ВСТАВЛЯТЬ ВЕСЬ ГОТОВЫЙ КОД В ТЕГ [code][/code], ИНАЧЕ РАБОТАТЬ НЕ БУДЕТ! БУДЬТЕ ВНИМАТЕЛЬНЫ
ЕСЛИ ВЫ ПО НУЖНЫМ, ТО ПИШИТЕ ИМЯ ЗАКАЗЧИКА В НАЗВАНИЕ ТЕМЫ, ПОСЛЕ ИМЕНИ ВАШЕГО ПЕРСОНАЖА

Код:
<!--HTML--><center>
<div class="btsbg-one">
<div class="btsbg-two"><font class="btsbg-three">MY NAME IS ...</font></div>
<div class="btstabs">

<div class="btstab">
<input type="radio" id="btstab-1" name="btstab-group-1" checked="">
<label for="btstab-1">ОБЛОЖКА</label>
<div class="btscontent">
<div id="btsbgouter">
<div class="btsbgpic"><img src="https://placeholdit.imgix.net/~text?txtsize=47&amp;txt=500%C3%97250&amp;w=500&amp;h=250">

<div class="btsbgbt"><div class="btsbg-four">ПРОФЕССИЯ</div>
<div class="btsbg-five">ЗАНИМАЕМАЯ ВНЕШНОСТЬ</div></div>
</div>
</div>
</div> 
</div>
<div class="btstab">
<input type="radio" id="btstab-2" name="btstab-group-1">
<label for="btstab-2">ОСНОВНОЕ</label>
<div class="btscontent2">
<div class="btsbg-nine">
<table cellspacing="0" cellpadding="0">
<tbody><tr><td><div class="btsbg-ten"><div style="width: 225px; height: 120px; background-size: cover; background-image: url(https://placeholdit.imgix.net/~text?txtsize=47&txt=225%C3%97120&w=225&h=120);"></div></div>

</td>
<td valign="top"><div class="btsbg-six">

<div class="basic-three">ИМЯ ФАМИЛИЯ (РУСС.)</div>
<div class="basic-three">ДАТА РОЖДЕНИЯ (ВОЗРАСТ)</div>
<div class="basic-three">ОРИЕНТАЦИЯ</div>
<div class="basic-three">СЕМЕЙНОЕ ПОЛОЖЕНИЕ</div>

</div></td>
</tr></tbody></table>
<table><tbody><tr><td><div class="basic-four">

СТРАХИ ПЕРСОНАЖА;
<br> СТРАХИ ПЕРСОНАЖА
<br> СТРАХИ ПЕРСОНАЖА

</div>
</td>
<td><div class="basic-four">

ХОББИ И УВЛЕЧЕНИЯ;
<br> ХОББИ И УВЛЕЧЕНИЯ;
<br> ХОББИ И УВЛЕЧЕНИЯ;

</div></td></tr></tbody></table>
</div>


</div>
</div>
 
<div class="btstab">
<input type="radio" id="btstab-3" name="btstab-group-1">
<label for="btstab-3">ИНФОРМАЦИЯ О ПЕРСОНАЖЕ</label>
<div class="btscontent">



<div class="personal-one"><div class="personal-two">

ТЕКСТ С ИНФОРМАЦИЕЙ О ПЕРСОНАЖЕ ВСТАВЛЯТЬ СЮДА

</div>
</div>
<div class="personal-three">ЦИТАТА</div>


</div>
</div>



</div>
<div class="btsbg-thirteen">
<div class="btsbg-fourteen"><img src="http://placehold.it/80" style="border-radius: 100%; widht: 80px; height: 80px;"></div><div class="btsbg-fifteen">СРЕДСТВО СВЯЗИ</div></div></div>

</center>
ЗАБРАТЬ ШАБЛОН
Код:
<!--*HTM*L--><center>
<div class="btsbg-one">
<div class="btsbg-two"><font class="btsbg-three">MY NAME IS ...</font></div>
<div class="btstabs">

<div class="btstab">
<input type="radio" id="btstab-1" name="btstab-group-1" checked="">
<label for="btstab-1">ОБЛОЖКА</label>
<div class="btscontent">
<div id="btsbgouter">
<div class="btsbgpic"><img src="https://placeholdit.imgix.net/~text?txtsize=47&amp;txt=500%C3%97250&amp;w=500&amp;h=250">

<div class="btsbgbt"><div class="btsbg-four">ПРОФЕССИЯ</div>
<div class="btsbg-five">ЗАНИМАЕМАЯ ВНЕШНОСТЬ</div></div>
</div>
</div>
</div> 
</div>
<div class="btstab">
<input type="radio" id="btstab-2" name="btstab-group-1">
<label for="btstab-2">ОСНОВНОЕ</label>
<div class="btscontent2">
<div class="btsbg-nine">
<table cellspacing="0" cellpadding="0">
<tbody><tr><td><div class="btsbg-ten"><div style="width: 225px; height: 120px; background-size: cover; background-image: url(https://placeholdit.imgix.net/~text?txtsize=47&txt=225%C3%97120&w=225&h=120);"></div></div>

</td>
<td valign="top"><div class="btsbg-six">

<div class="basic-three">ИМЯ ФАМИЛИЯ (РУСС.)</div>
<div class="basic-three">ДАТА РОЖДЕНИЯ (ВОЗРАСТ)</div>
<div class="basic-three">ОРИЕНТАЦИЯ</div>
<div class="basic-three">СЕМЕЙНОЕ ПОЛОЖЕНИЕ</div>

</div></td>
</tr></tbody></table>
<table><tbody><tr><td><div class="basic-four">

СТРАХИ ПЕРСОНАЖА;
<br> СТРАХИ ПЕРСОНАЖА
<br> СТРАХИ ПЕРСОНАЖА

</div>
</td>
<td><div class="basic-four">

ХОББИ И УВЛЕЧЕНИЯ;
<br> ХОББИ И УВЛЕЧЕНИЯ;
<br> ХОББИ И УВЛЕЧЕНИЯ;

</div></td></tr></tbody></table>
</div>


</div>
</div>
 
<div class="btstab">
<input type="radio" id="btstab-3" name="btstab-group-1">
<label for="btstab-3">ИНФОРМАЦИЯ О ПЕРСОНАЖЕ</label>
<div class="btscontent">



<div class="personal-one"><div class="personal-two">

ТЕКСТ С ИНФОРМАЦИЕЙ О ПЕРСОНАЖЕ ВСТАВЛЯТЬ СЮДА

</div>
</div>
<div class="personal-three">ЦИТАТА</div>


</div>
</div>



</div>
<div class="btsbg-thirteen">
<div class="btsbg-fourteen"><img src="http://placehold.it/80" style="border-radius: 100%; widht: 80px; height: 80px;"></div><div class="btsbg-fifteen">СРЕДСТВО СВЯЗИ</div></div></div>

</center>

"Небольшая цитата" (ц)

https://placeholdit.imgix.net/~text?txtsize=47&amp;txt=500%C3%97250&amp;w=500&amp;h=250
внешность на англ.

Name Surname
♦ дата рождения (возраст)
♦ место работы, должность
♦ ориентация
♦ семейное положение

УВЛЕЧЕНИЯ И НАВЫКИ

СТРАХИ

♦ увлечения и навыки;
♦ увлечения и навыки;
♦ увлечения и навыки;
♦ увлечения и навыки;

♦ страхи;
♦ страхи;
♦ страхи;
♦ страхи;

ИНФОРМАЦИЯ О ПЕРСОНАЖЕ

Биография и характер персонажа.

Связь с вами: ----

ЗАБРАТЬ КОД
Код:
[table layout=auto width=100%]
[tr]
[td colspan=4 bgcolor=#c7c7c7 width=100% hight=10px][align=center][size=14][color=white][font=Book Antiqua][i]"Небольшая цитата" (ц)[/i][/font][/color][/size][/align][/td]
[/tr]
[tr]
[td rowspan=6 bgcolor=#c7c7c7 width=1%][/td]
[td width=30% bgcolor=#E6E4E4][align=center][img]https://placeholdit.imgix.net/~text?txtsize=47&txt=500%C3%97250&w=500&h=250[/img]
внешность на англ.[/align][/td]
[td width=68% bgcolor=#D4D3D3][align=center][b][size=20][font=Book Antiqua][i][color=#A2A2A2]Name Surname[/color][/i][/font][/size][/b]
♦ дата рождения (возраст)
♦ место работы, должность
♦ ориентация
♦ семейное положение[/align]
[/td]
[td rowspan=6 bgcolor=#c7c7c7 width=1%][/td]
[/tr]
[tr]
[td width=49% bgcolor=#cbcbcb][align=center][color=white][font=Impact]УВЛЕЧЕНИЯ И НАВЫКИ[/font][/color][/align][/td]
[td width=49% bgcolor=#cbcbcb][align=center][color=white][font=Impact]СТРАХИ[/font][/color][/align][/td]
[/tr]
[tr]
[td width=49% bgcolor=#f5f5f5][align=justify]♦ увлечения и навыки;
♦ увлечения и навыки;
♦ увлечения и навыки;
♦ увлечения и навыки;[/align][/td]
[td width=49% bgcolor=#f5f5f5][align=justify]♦ страхи;
♦ страхи;
♦ страхи;
♦ страхи;[/align][/td]
[/tr]
[tr]
[td colspan=2 bgcolor=#cbcbcb width=88%][align=center][color=white][font=Impact]ИНФОРМАЦИЯ О ПЕРСОНАЖЕ[/font][/color][/align][/td]
[/tr]
[tr]
[td colspan=2 bgcolor=#f5f5f5 width=88%][align=justify]Биография и характер персонажа.[/align][/td]
[/tr]
[tr]
[td colspan=4 bgcolor=#c7c7c7 width=100% hight=10px][align=center][size=14][color=white][font=Book Antiqua][i]Связь с вами: ----[/i][/font][/color][/size][/align][/td]
[/tr]

[/table]