[html] 
<div class="guestb9">
<div class="guestb12">    
<div class="guestb12"> 
<br><br>
 <span class="q-title1">ИМЯ ФАМИЛИЯ</span>      
<div class="guestb-name1">NAME SURNAME, 00</div>
 </div> 



<div class="guestb4">
<div class="guestb2">
<table cellpadding="5" cellspacing="0">
  <tr>
   <td style="width: 40%;"><div style="text-align: right;"><br>

➤ <b>Рост| Вес:</b> <br>
пишем здесь
<br>
➤ <b>Физическая форма:</b> <br>
пишем здесь
<br>
➤ <b>Особые приметы:</b> <br> 
пишем здесь
<br>
➤ <b>Цвет глаз| Цвет волос:</b> <br>
пишем здесь
<br></td>
   <td style="width: 45%;"><div style="text-align: center;"><b>внешность  на англ.</b><br>
<img src="https://i.ibb.co/GVV3rkm/150.png"   width="150" height="150" alt="lorem"></td>
   
  </tr>
  </table>
 </div>

<br><br>
<div style="text-align: center;">♫ track ♪</div>
<br><br>


<script type="text/javascript"> 
$(document).ready(function() { 
	$("td.#MenuTxT div.anktext1").hide(); 
	$("div.#rav1 span:first").addClass("tabactive1"); 
	$("td.#MenuTxT div.anktext1:first").show(); 
	$("div.#rav1 span").click(function() { 
    $("div.#rav1 span").removeClass("tabactive1"); 
    $(this).addClass("tabactive1"); 
    $("td.#MenuTxT div.anktext1").hide(); 
    var activeDiv = $(this).attr("alt"); 
    $("div."+activeDiv).fadeIn(800); 
    return false; 
	}); 
});
</script>


<center><table style="width: 410px"> 
<tbody> 
<tr> 
<td align="center"> 
<div id="rav1"> <b> 
<!-- ТУТ НИЧЕГО ПИСАТЬ НЕ НАДО, ЭТО НАЗВАНИЯ КНОПОК -->
<span alt="#sm1" style="cursor: pointer;"> I</span> 
<span alt="#sm2" style="cursor: pointer;"> II</span> 
<span alt="#sm3" style="cursor: pointer;"> III</span> 
</b> 
</div> 
</td> 
</tr> 
<tr align="left"> 
<td id="MenuTxT" valign="top" style="height: 150px;"> 
<div id="ank1" width="100%">  
<div id="sm1" class="anktext1" style="display:block;"> 
<!-- 1КНОПКА -->
<div class="guest8">
<b>➤ Профессия:</b> если персонаж работал в различных сферах, стоит это указать<br>
<b>➤ Навыки:</b> стоит перечислить освоенные вашим персонажем навыки, а те, что выбиваются из ряда бытовых, следует подкрепить биографической сноской в пункте "интересные факты"<br>
<b>➤ Кругозор:</b> какой информацией владеет ваш герой? где он узнал об этом? <br>
например, если персонаж прекрасно осведомлен о садоводстве и фермерстве, уточните пожалуйста в ходе чего возникли такие познания. увлекается египетской мифологией? прекрасно, пишем это сюда<br>
!если ваш персонаж религиозен или имеет этнические предрассудки - обязательно упоминайте об этом <br>
<b>➤ Инвентарь: </b>на момент старта игры. учитываем, что если Персонаж бегал с песелем в парке, навряд ли он будет таскать с собой топор или бензопилу.
</div>
</div> 
<div id="sm2" class="anktext1">
<!-- 2КНОПКА -->
<div class="guest8">
<b>➤ Семейное положение:</b> <br>
<b>➤ Близкие:</b> родственники, друзья, все, кто сердцу дорог, указываем тут как и их статус (жив, мертв, неизвестно?)<br>
<b>➤ Дата рождения:</b><br>
<b>➤ Интересные факты:</b> информация, которую вы очень хотите дать, но никак не нашли нужного пункта.<br>
Что действительно нас волнует в Вашем герое - его навыки, откуда они взялись в его жизни, слабости, возможные триггеры, вся та информация, которая сможет помочь для составления максимально интересной игры.<br>
<b>➤ Характер: </b><br>
</div>
</div> 
<div id="sm3" class="anktext1">
<!-- 3КНОПКА -->
<div class="guest8">
<b>➤ Способность:</b>  описываем потенциал вашей силы по этапам, опишите градацию развития. что ваш герой сможет делать поначалу и как это будет развиваться в дальнейшем?<br>
[!] для того, что бы получить способности, Избранный должен был контактировать с красным дождем, в противном случае персонаж остается не измененным.<br>
* если требуется помощь, свяжитесь с одним из администраторов<br>
<b>➤ День икс:</b> указываем местонахождение на старте игры и что персонаж делал (или хотел сделать) в день, когда пошел красный дождь
</div> 
</div>
</td> 
</tr> 
</tbody> 
</table></center>

<br>
<br>
<img src="http://s8.uploads.ru/3Atmr.png"   width="405" height="84" alt="lorem">
<br>
<br>
➤ готовы ли вы участвовать в сюжетных квестах?<br>
➤ связь:<br>
<br></div> 
<br></div> 
</div> 
</div> [/html]