Fill in the field with your first and last name.

[html]
<style>
.tablet {
background-image: url(https://forumupload.ru/uploads/001b/ce/b4/4/104993.png);
width: 700px;
height: 920px;
margin-left: 20px;
}

/* Строка имени */
.stim {
width: 578px;
border: 1px;
border-color: #000;
background-color: #959D9F;
font-family: Oswald;
text-align: center;
position: absolute;
margin-top: 40px;
margin-left: 55px;
text-transform: uppercase;
}

.tabbed > input {
display: none;
}
.tabbed > label {
width: 100px;
margin-top: 110px;
margin-left: 43px;
margin-bottom: -90px;
display: block;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
font-family: Oswald;
text-size: 20px;
text-transform: uppercase;
}

.tabbed > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end) {cursor: pointer;z-index: 1;}

/* Оформление */

/* Оформление неактивного переключателя */
.tabbed > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end) {
background: transparent;
color: #191970;
height: 30px;
}

/* Оформление активного переключателя и при наведении */
.tabbed > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end):hover,
.tabbed > input:checked + label {
background: #A02223 !important;
color: azure !important;
}

/* Оформление поля с контентом */
.tabs-body {
background: transparent;
color: #000;
}

/* Даем имена переключателям и полю с контентом */

/* Имя поля с контентом */
.tabs-body {grid-area: tabs-body;}

/* Имена переключателей слева */
#nav-left-1 {grid-area: nav-left-1;}
#nav-left-2 {grid-area: nav-left-2;}
#nav-left-3 {grid-area: nav-left-3;}
#nav-left-4 {grid-area: nav-left-4;}
#nav-left-5 {grid-area: nav-left-5;}
#nav-left-6 {grid-area: nav-left-6;}
#nav-left-7 {grid-area: nav-left-7;}
#nav-left-8 {grid-area: nav-left-8;}
#nav-left-9 {grid-area: nav-left-9;}
#nav-left-10 {grid-area: nav-left-10;}

.tabs-body {
width: 470px;
position: relative;
}

.tabs-body > div {
position: absolute;
top: 0;
left: 0;
line-height: 1.4em;
opacity: 0;
width: 470px;
height: 726px;
padding: 10px;
z-index: 0;
margin-top: 110px;
margin-right: 55px;
text-align: justify;
overflow: auto;
}

/* Переключатели */

/* Слева */
#nav-left-1:checked ~ .tabs-body > .body-left-1,
#nav-left-2:checked ~ .tabs-body > .body-left-2,
#nav-left-3:checked ~ .tabs-body > .body-left-3,
#nav-left-4:checked ~ .tabs-body > .body-left-4,
#nav-left-5:checked ~ .tabs-body > .body-left-5,
#nav-left-6:checked ~ .tabs-body > .body-left-6,
#nav-left-7:checked ~ .tabs-body > .body-left-7,
#nav-left-8:checked ~ .tabs-body > .body-left-8,
#nav-left-9:checked ~ .tabs-body > .body-left-9,
#nav-left-10:checked ~ .tabs-body > .body-left-10,

/* Справа */
#nav-right-1:checked ~ .tabs-body > .body-right-1,
#nav-right-2:checked ~ .tabs-body > .body-right-2,
#nav-right-3:checked ~ .tabs-body > .body-right-3,
#nav-right-4:checked ~ .tabs-body > .body-right-4,
#nav-right-5:checked ~ .tabs-body > .body-right-5,
#nav-right-6:checked ~ .tabs-body > .body-right-6,
#nav-right-7:checked ~ .tabs-body > .body-right-7,
#nav-right-8:checked ~ .tabs-body > .body-right-8,
#nav-right-9:checked ~ .tabs-body > .body-right-9,
#nav-right-10:checked ~ .tabs-body > .body-right-10 {
transform: translateY(0px);
transform: translateX(0%);
opacity: 1;
z-index: 1;
}

input[id^=nav] ~ .tabs-body > div[class^=body] {
}
</style>

<style>
.tabbed {
display: grid;
grid-template: /* навигация слева и поле */
"nav-left-1 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-2 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-3 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-4 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-5 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-6 tabs-body tabs-body tabs-body tabs-body" 1fr
/* Коллонки */
/ 1fr 1fr 1fr 1fr 1fr;
width: 100%;
}
</style>

<div class="tablet">
<div class="stim"><td>Эрик Джоунс <br> Уровень доступа: E </div>

<div class="tabbed">


<input type="radio" name="tabs-body" id="nav-left-1" checked>
<label for="nav-left-1">Личные данные</label>

<input type="radio" name="tabs-body" id="nav-left-2">
<label for="nav-left-2">Внешность</label>

<input type="radio" name="tabs-body" id="nav-left-3">
<label for="nav-left-3">Способность 1</label>

<input type="radio" name="tabs-body" id="nav-left-4">
<label for="nav-left-4">Способность 2</label>

<input type="radio" name="tabs-body" id="nav-left-5">
<label for="nav-left-5">Характер</label>

<input type="radio" name="tabs-body" id="nav-left-6">
<label for="nav-left-6">Биография</label>
<div class="tabs-body">

<div class="body-left-1">
<center><img src="https://forumupload.ru/uploads/001b/fb/3e/224/834516.png"></center>
Jason Todd/DC Universe<br>
Пол: М<br>
Дата рождения: 07.03.2100<br>
Возраст: 24<br>
Рост и вес: 187см, 88 кг<br>
<br>

Семейное положение: Холост<br>
Должность/Статус: 5 курс, учился 1-2 курс на тактической подготовке, с 3 курса находится на факультете "Стратегическое планирование и конфликтология"<br>
Ник в чате академии: Fill_in_later<br>
<br>
Отличительные признаки
<br>
Цвет глаз: Голубой, с легкой зеленцой на солнце<br>
Цвет волос: Черный, у лба врожденные седые пряди.<br>
Татуировки/Шрамы/Пирсинг/Пигментация: шрамов нет, быстро заживают. Иногда носит фейковую серьгу, так как проколы исчезают почти сразу.<br>
</div>

<div class="body-left-2"><br>
Черные волосы, седая прядь челки, кожа легко ловит солнце, становясь в южном климате легкого карамельного оттенка за считанные дни, светлые голубые глаза при определенном освещении отдают в зелень. Правильные черты лица, прямой нос, мягкие губы. Не совсем конфетный красавчик, спасает четкая линия челюсти, но мог бы продавать трусы в рекламах, если бы жизнь сложилась иначе.<br>
Широкие плечи, развита мускулатура, накачан. Есть кубики, да и вообще красивый рельеф мышц, сказались ежедневные тренировки.<br>
Одевается чаще всего в спортивную одежду - кроссовки, худи, джоггеры, водолазки, оверсайз куртки и вообще, главное чтобы удобно было. Любимые сочетания цветов в одежде - черный, красный, белый.
</div>

<div class="body-left-3">
► Управление водой<br><br>
Применение: активная
<br><br>
Описание способности: Способность манипулировать водой в пространстве и задавать ей различную форму, ускорять, а также изымать её из объектов и воздуха.<br><br>
Ограничения: Не способен создать воду из ничего. Из воздуха извлекает одну каплю порядка полминуты, но зависит от влажности - перед самым дождем и сразу после него - почти мгновенно, и воды сможет извлечь больше, а в пространстве с сухим воздухом способность не сработает вовсе. Чтобы извлечь воду из живого организма, организм должен быть абсолютно неподвижен, что почти всегда невозможно. Удобнее всего извлекать воду из растений. Управление водой требует полной концентрации и сосредоточенности. При замутненном сознании, сильных эмоциях - теряет концентрацию и точность, сила ускорения становится сильно меньше, способность может вырваться из под контроля и навредить самому Эрику.<br>
Даже находясь в реке не сможет управлять более чем одним куб. метром воды по объему. Максимальное ускорение воды, которое может придать - 3000 км/ч для одной капли (равна скорости пули), рой капель объемом в литр уже будет около 1000км/ч, которые оставят серьезные гематомы, кровоподтеки и перебьют суставы, но не факт, что будут летальны. Чем больше воды под его контролем - тем медленнее скорость ускорения, с бОльшими объемами воды может управлять своим передвижением в и под водой, создавать сжатые струи с сильным напором, водные острые диски, и пузыри, которые можно поддерживать, например, на голове врага, не давая вдохнуть. Откатом является расслабление мышц, слабость, трудность координации в пространстве. <br>Сила отката зависит напрямую от количества воды, которое было задействовано во время использования способности и длительности её применения, если управление парой капель несколько секунд - это лишь легкая слабость в пальцах после, то управление максимальным объемом около десяти минут или постоянное применение небольших объемов и манипуляций дольше пяти часов - до нескольких дней бессилия без возможности даже нормально встать с кровати. Поскольку слабость не следствие прямого повреждения тела, регенерация не помогает справится с ней раньше.<br><br>

</div>

► Регенерация <br><br>
Применение: Пассивная, работает только на себе
<br><br>
Описание способности: Восстановление тела после повреждений при условии, что сердце и мозг изменённого не пострадали.
<br><br>
Ограничения: Заживляет мелкие царапины, укусы почти мгновенно. Сильные порезы в течении пары минут, глубокие ранения дольше, в зависимости от степени повреждения - от часа до нескольких. Сломанные кости срастаются за пять-шесть часов. Отрезанные конечности - порядка недели, с жуткой болью каждую секунду. Максимальное время работы способности за сутки - 6 часов. Если при этом процесс восстановления не завершен (например при отращивании конечности), пострадавшая область не будет восстанавливаться дальше до следующего дня. Регенерация болезненный процесс, требует много энергии и сна, полноценного рациона каждый день. При отсутствии одного из компонентов замедляется, становясь еще болезненнее обычного. При активной на долгое время регенерации (например во время срастания костей) нужно все это время больше спать и есть. Боль испытываемая во время заживления сравнима с постоянным защемлением нерва и очень выматывает, мешает настолько необходимому в тот момент сну. Обезболивающие препараты либо едва работают, либо не работают вовсе. Помогает от вирусных и бактериальных инфекций, Эрик с четырнадцати ни разу не болел. Не помогает против нервно-паралитических ядов.

</div>

<div class="body-left-5">
Успеваемость: Отличник.<br><br>
Если бы в спокойствии можно было бы топить фрегаты на скорость, то Эрик бы выиграл в этом странном соревновании. Его с детства воспитывали так, чтобы он максимально эффективно использовал первую способность, не поддаваясь эмоциям в процессе, а, желательно, и в жизни тоже. Он не бесчувственный, и даже не черствый, просто не позволяет себе полноценно испытывать весь спектр сразу, особенно - негативный, и привык жить так, будто он всегда следит за людьми из-за бронированного стекла. Чаще всего ходит с нейтральным выражением лица, поддерживает такой же тон беседы и никогда не стремится к сближению дистанции первым. Ни разу не пропускал просто так занятия и тренировки, прилежный ученик, который всегда будет за пять минут до начала класса, со всеми принадлежностями и подготовленной домашней работой. Он верит в то, что для наилучшего выживания нужно знать как можно больше, и любой утерянный кусочек информации может обернуться фатальной и летальной случайностью на поле боя.
<br><br>
Однако становится совсем другим человеком в кругу людей, которых любит и которым доверяет. Там - он открыто улыбается, шутит и иронизирует. Поддержит в любых начинаниях, даже если не до конца их одобряет. Открыто показывает свою “слабую” сторону - любовь ко сну, вкусной еде, книгам и играм, и его нейтральность и спокойствие для наблюдающего внезапно становятся здоровым пофигизмом помноженным на чувство юмора и какую-то легкую леность в повседневной жизни, вне обязанностей и миссий. Да и даже так, на самом деле, он не дает реальным чувствам владеть логикой и сознанием до конца. Аккумулирует их на потом, чтобы разобраться сам с собой, наедине, после.
Очень четко действует в критических ситуациях, не задает лишних вопросов и следует командам, даже если не до конца понимает их значение, готов умереть за своих. Но если ситуация не касается поля боя и миссий, склонен к излишней рационализации, может случайно надоесть преподавателю количеством вопросов.<br>
Не смотря на исполнительность, сам тоже в критических ситуациях хорошо берет инициативу и командование. Умеет справляться с чужими истериками, страхами и одернуть при случае паникующих. Если ставит себе цели - что на поле боя, что в жизни - спокойно и неумолимо к ним идет, не очень-то замечая препятствия и чужие переживания по поводу.<br>
Редко влюбляется, да и если влюбляется, объект симпатии едва ли это заметит, так как внешне это не проявляется вообще. Только сказывается на способности. Избегает излишне шумных сборищ, не любит тусовки и “ночную жизнь”, считает, что ночью надо именно спать, а не прятаться от комендантов и преподавателей. Да и полноценный сон ему важен и нужен, как побочный эффект способности. Но если попросит лучший друг и обоснует зачем - окажется в два часа ночи под его окнами, сонный и ворчливый.

</div>

<div class="body-left-6">
Родился в неблагополучном районе Вильнюса. До шести лет жил с матерью, отцом и пятью братьями и сестрами. Но при первом же проявлении способности, отец сам отдал Охре лишний рот за вознаграждение.<br>
Был отправлен в достаточно неплохой интернат, где легко нашел общий язык среди таких же как и он. Сказывался опыт общения с сестрами и братьями, Эрика никогда не принижали и не задевали в интернате, но и не очень-то замечали. У него была пара друзей и так оно бы и оставалось почти до самого переезда в Академию, если бы не Красная Неделя, но об этом чуть позже.
<br><br>
С самого поступления начал тренировки способности, где его учили подавлять эмоции, и методикам их управления. Днями лежал без сил, но прилежно осваивал как ускорять капли воды, высушивать растения и забирать влагу из воздуха. Охре было важно вырастить идеального воина, а Эрик был послушным и был готов учиться, веря в само дело, в измененных и правительство. Двенадцать лет пролетели быстро и спокойно. На нем ни разу не использовали сдерживающую печать, а само его дело пестрело отметками о надежности и верности системе. Даже подростковый бунт прошел будто стороной, не заметив спокойного Эрика между куда более яркими обитателями интерната.<br>
Пожалуй, тут было бы можно и счастливо завершить рассказ тем, как он переехал в Академию и хорошо учился, успешно ходил на миссии, но Красная Неделя застала его на последнем году интерната и навсегда очертила ориентиры и цели в жизни. Не позволить повториться, защищать других измененных, не позволять себе поблажек и расслабляться, всегда быть готовым к атаке, даже в самом теплом кругу друзей.
<br><br>
Говорят, что после шока ты мало что помнишь. Эрик помнил каждую секунду того дня, когда в промозглом октябрьском воздухе раздались первые выстрелы и крики. Никто настолько не ожидал нападения, что те, кого учили быть воинами, стали бездумной массой, захлестываемой паникой как цунами, прячась под кроватями и залезая на деревья. Они не построились, как учили. Не организовались в эффективные группы, чтобы защитить слабых и тех, чьи способности никак не могли помочь на поле боя. Все, что видел Эрик - отчаяние загнанной жертвы, и безумно глупые поступки, которые почти сразу вели к смерти. Он смог отвести своих друзей в сторону, организовать отпор. Но их было всего трое, пока вокруг творился хаос, а нападающие знали что делали. Он с друзьями действовал, используя все ресурсы из возможных. И даже сотни раз прокручивая в голове все вводные данные, Эрик не смог придумать, как он мог поступить лучше в той ситуации. Они смогли обезвредить пятерых, прежде чем их, по одному, перебили.
<br><br>
Тогда Эрика спасла регенерация и случайность. Нападающие не были глупы, один из людей, в сплошном шлеме, за которым не было видно лица, тяжелым ботинком ломал ребра лежащим, и добивал в упор в сердце. Эрику повезло. У него была скользкая синтетическая куртка, и когда его скрутило от боли в переломанных костях и активировавшейся регенерации, дуло сползло совсем чуть-чуть, но пуля прошла в миллиметрах от сердца, не задев. Любой другой бы все равно умер, а Эрик молча лежал на влажной холодной земле и не позволял себе закричать от боли и даже двигаться, пока внутри все горело, перекручивалось, но восстанавливалось. Притвориться мертвым, чтобы выжить, до сих пор кажется ему невероятной трусостью. Но любой другой поступок просто бы окончился его смертью, без какой-либо выгоды и помощи измененным.
<br><br>
На первом курсе в Академии Эрик был еще более тих, чем обычно. Если раньше был скорее хорошистом, стал круглым отличником. Благодаря способностям, был направлен на тактический, но, кажется, к третьему курсу надоел преподавателям постоянными вопросами об экстренных инструкциях, тренировках внештатных ситуаций и планах отходов, принципах составления отрядов. Ими был поднят вопрос о переводе Эрика на стратегический. И, несмотря на то, что к тому моменту, он уже доказал высокую эффективность на поле боя и неукоснительное следование командам в критических ситуациях, перевод все таки был воплощен. Все равно, до сих пор, часто участвует в миссиях и на поле боя, а не только в их планировании, заняв нишу боевого стратега, который может не только в теории, но и на практике выполнить план. Берет много дополнительных классов физической подготовки. Несколько раз был и сам командиром небольших студенческих заданий против монстров, показал себя хорошо.
<br><br>
Близко общается не с очень многими, но и не сепарировался от общества полностью, смог впустить в свою жизнь новых друзей. Человек - существо социальное, как и не крути.
<br><br>
Секретная информация: До сих пор считает себя виновным в смерти друзей в интернате, хоть и знает, что ничего не смог бы предпринять лучше. Курит, хоть и понимает, что вредно и снижает эффективность легких. Любит кофе, сладкое и вредную "уличную" жирную пищу.
</div>
</div>
[/html]