Код:
<!--HTML-->
<style>
  .korpus > div, .korpus > input { display: none; }

.korpus {text-align: center;
 padding: 10px;}

.korpus label {
  width: 200px;
  padding: 5px 5px;
  display: inline-block;
  word-spacing: 5px;
  letter-spacing: 2px;
  background: #336666;
  color: #6699CC; }

.korpus label:hover {
  background-color:  #6699CC;
  color:  #696969;}

.korpus input[type="radio"]:checked + label {
  background-color: #6699CC;
  font-weight: bold;
  color:  #483210;
}

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3), 
.korpus > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.korpus > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.korpus > input:nth-of-type(6):checked ~ div:nth-of-type(6) { 
  display: block; 
  padding-top: 15px;
  text-align: justify;}

</style>

<div class="korpus">
<input type="radio" name="odin" checked="checked" id="vkl1"/><label for="vkl1">Компания "Аура"</label><input type="radio" name="odin" id="vkl2"/><label for="vkl2">Подопытные</label><input type="radio" name="odin" id="vkl3"/><label for="vkl3">Община "Креатур"</label><input type="radio" name="odin" id="vkl4"/><label for="vkl4">Совет</label><input type="radio" name="odin" id="vkl5"/><label for="vkl5">Иные</label><input type="radio" name="odin" id="vkl6"/><label for="vkl6">Люди</label>
  
  <div><center>
<table layout=fixed width=100%>
<tr>
<td bgcolor=#6699CC><center><font size="3" face="Yesteryear" color="336666"><b>НОРТИНГХИЛЛ</b></color></font></td></tr></table></br>
<table layout=fixed width=100%>
<tr>

<td>ссылка на профиль</a></td>
<td>кто ты</td>
</tr>
<tr>
<td>ссылка на профиль</td>
<td>кто ты</td>
</tr></table>
<table><tr><td bgcolor=#6699CC></td></tr></table>
<table><tr><td bgcolor=#336666></td></tr></table>
  </div>
                            
   
    <div><center>
<table layout=fixed width=100%>
<tr>
<td bgcolor=#6699CC><center><font size="3" face="Yesteryear" color="336666"><b>НОРТИНГХИЛЛ</b></color></font></td></tr></table></br>
<table layout=fixed width=100%>
<tr>
<td><a href="https://devilin.rusff.me/profile.php?id=8">Gretchen Choi, 24</a> </td>
<td>бывшая балерина, наследница огромного состояния</td>
</tr>
<tr>
<td><a href="https://devilin.rusff.me/profile.php?id=21">Seleste Davis, 21</a></td>
<td> танцовщица в ночном клубе; девушка, разочаровавшаяся в семейных ценностях</td>
</tr></table>
<table><tr><td bgcolor=#6699CC></td></tr></table>
<table><tr><td bgcolor=#336666></td></tr></table>
  </div>


    <div><center>
<table layout=fixed width=100%>
<tr>
<td bgcolor=#6699CC><center><font size="3" face="Yesteryear" color="336666"><b>ЛЕС МЕЖДУ ГОРОДАМИ</b></color></font></td></tr></table></br>
<table layout=fixed width=100%>
<tr>
<td><a href="https://devilin.rusff.me/profile.php?id=13">Alma Wilde, 25</a></td>
<td>Держит отряд патрулирования. Тренер полетов. Разведка. Инженер Общины. Делает кукол.</td>
</tr>
<tr>
<td><a href="https://devilin.rusff.me/profile.php?id=3">Conrad Kim, 24</a></td>
<td> вхожу в команду Избранных, рисую для журналов </td>
<td><a href="https://devilin.rusff.me/profile.php?id=19">Mei Yong Shin, 21</a> Борюсь сама с собой)</td>
</tr>
</table>
<table><tr><td bgcolor=#6699CC></td></tr></table>
<table><tr><td bgcolor=#336666></td></tr></table>
  </div>

    <div><center>
<table layout=fixed width=100%>
<tr>
<td bgcolor=#6699CC><center><font size="3" face="Yesteryear" color="336666"><b>МОНКТОН</b></color></font></td></tr></table></br>
<table layout=fixed width=100%>
<tr>
<td>ссылка на профиль</td>
<td>кто ты</td>
</tr>
<tr>
<td>ссылка на профиль</td>
<td>кто ты</td>
</tr></table>
<table layout=fixed width=100%>
<tr>
<td bgcolor=#6699CC><center><font size="3" face="Yesteryear" color="336666"><b>НОРТИНГХИЛЛ</b></color></font></td></tr></table></br>
<table layout=fixed width=100%>
<tr>

<td>cсылка на профиль</td>
<td>кто ты</td>
</tr>
<tr>
<td>ссылка на профиль</td>
<td>кто ты</td>
</tr></table>
<table><tr><td bgcolor=#6699CC></td></tr></table>
<table><tr><td bgcolor=#336666></td></tr></table>
  </div>

    <div><center>
<table layout=fixed width=100%>
<tr>
<td bgcolor=#6699CC><center><font size="3" face="Yesteryear" color="336666"><b>МОНКТОН</b></color></font></td></tr></table></br>
<table layout=fixed width=100%>
<tr>
<td><a href="https://devilin.rusff.me/profile.php?id=11">Ginger Gamilton, 22</a></td>
<td>придерживаюсь своей стороны, не присоединяясь ни к кому, подрабатываю официанткой в баре.</td>
</tr>
<tr>
<td><a href="https://devilin.rusff.me/profile.php?id=12">Cassandra Lewis, 18</a></td>
<td>подросток, сбежавший из - под опеки поехавших родителей.</td>
</tr>
<tr>
<td><a href="https://devilin.rusff.me/profile.php?id=7">Claire Carroll, 23</a></td>
<td>работает в сфере эскорт-услуг, расистка, революционерка.</td>
</tr></table>
<table layout=fixed width=100%>
<tr>
<td bgcolor=#6699CC><center><font size="3" face="Yesteryear" color="336666"><b>НОРТИНГХИЛЛ</b></color></font></td></tr></table></br>
<table layout=fixed width=100%>
<tr>
<td>ссылка на профиль</td>
<td>кто ты</td>
</tr>
<tr>
<td>ссылка на профиль</td>
<td>кто ты</td>
</tr></table>
<table><tr><td bgcolor=#6699CC></td></tr></table>
<table><tr><td bgcolor=#336666></td></tr></table>
  </div>

    <div><center>
<table layout=fixed width=100%>
<tr>
<td bgcolor=#6699CC><center><font size="3" face="Yesteryear" color="336666"><b>МОНКТОН</b></color></font></td></tr></table></br>
<table layout=fixed width=100%>
<tr>
<td>ссылка на профиль</td>
<td>кто ты</td>
</tr>
<tr>
<td>ссылка на профиль</td>
<td>кто ты</td>
</tr></table>
<table layout=fixed width=100%>
<tr>
<td bgcolor=#6699CC><center><font size="3" face="Yesteryear" color="336666"><b>НОРТИНГХИЛЛ</b></color></font></td></tr></table></br>
<table layout=fixed width=100%>
<tr>
<td>ссылка на профиль</td>
<td>кто ты</td>
</tr>
<tr>
<td>ссылка на профиль</td>
<td>кто ты</td>
</tr></table>
<table><tr><td bgcolor=#6699CC></td></tr></table>
<table><tr><td bgcolor=#336666></td></tr></table>
</div>
</div>
Код:
<a href="ссылка на профиль">имя на латинице, возраст цифрой</a> краткая информация о персонаже

Небольшая информация для тех кто не может выбрать деятельность

Община "Креатур"

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

Лидеры: Раймонд Кинднесс (сын основателей лет 40) + два помощника. Лидеры отвечают за распределение всех обязанностей между Существами, следят за порядком и безопасностью, ведут переговоры с Иными и принимают новых участников.
Тренеры: взрослые Существа и несколько Иных из Совета помогают подросткам контролировать силу. У каждого тренера по три-пять подопечных с похожими силами.
Фермеры и скотоводы: начиная с 16 лет существ подпускают к работе. Их по важности приравнивают к Тренерам, так как именно они кормят всех в лагере. Фермерами может быть любой, почти все начинают именно с этой обязанности.
Охранники и охотники: ими становятся только самые сильные, самые уравновешенные Существа. Чтобы стать охранником нужно пройти испытания, показать свое умение управлять силой и только тогда вас допустят к охране Общины и близлежащей территории.
Врачи: в основном Иные и парочка проверенных людей. Врачи следят за здоровьем каждого члена Общины и стараются прервать все болезни, чтобы не понадобилась помощь больницы.
Строители: отвечают за благоустройство лагеря, строят новые дома для Существ, ремонтируют сломанные вещи.
Избранные: две группы Существ, которые могут выбираться в город за лекарствами, едой и т.д. Выбираются только те кто больше похож на человека, чей дефект во внешности можно спрятать под одеждой и тех кто умеет контролировать свою силу. Максимум 8-10 Существ может войти в группу Избранных.
Учителя и дети: в лагере есть небольшая школа, где учат всем необходимым знаниям. Учителями становятся Иные, проверенные люди и некоторые Существа.

Горожане

Правовая сфера - включает в себя правоохранительные органы, судебную систему, а так же всю юридическую сферу:
шеф
патрульные
детективы
криминалисты
судмедэксперты
судьи
прокуроры
адвокаты
юрисконсульты
нотариусы
Здравоохранение - профессии, связанные с физическим, а также психическим здоровьем людей:
главный врач
педиатры
онкологи
терапевты
хирурги
травматологи
стоматологи
психиатры
психотерапевты
медсестры и медбратья
интерны
фармацевты
патологоанатомы
Образование - все, что связанно с образованием в городах: высшим, средним и дополнительным. Преподаватели, тренера и учащиеся:
преподаватели университета
студенты университета
преподаватели колледжа
студенты колледжа
учителя школы
ученики школы
репетиторы
спортивные тренеры
СМИ - относятся профессии так или иначе взаимодействующие с телевидением, радиовещанием, прессой:
журналисты
фотографы
колумнисты
критики
редакторы
корреспонденты
телеведущие
операторы
гримеры
радиоведущие
диджеи
звукооператоры
продюсеры
Службы безопасности и спасения - все профессии, в чьи обязанности входит спасение людей в различных ситуациях, относящихся к пожарному департаменту:
пожарные
спасатели
парамедики
пожарная инспекция
Наука (точные и гуманитарные) - представители ученого сообщества, не связанные с преподаванием и ведущие отдельную деятельность:
физики
химики
генетики
биологи
микробиологи
программисты
филологи
философы
Сфера обслуживания - работники кафе, баров и ресторанов, отелей, ночных клубов, а также музеев, библиотек и магазинов:
официанты
повара
кассиры
бармены
вышибалы
библиотекари
гиды
продавцы
бариста
флористы
сомелье
курьеры
Искусство - включает в себя все, что связано с изобразительным искусством, фотографией, музыкой, киноиндустрией, театром:
художники
актеры
фотографы
модели
композиторы
писатели
гримеры