[html]<link href='https://fonts.googleapis.com/css?family=Playfair+Display|Cousine' rel='stylesheet' type='text/css'>
<style>
.specs_na { width: 400px; padding: 25px; background: #a0a5bc; text-align: right; font: 27px playfair display; text-transform: lowercase; color: white; }
.specs_na sub { display: block; font: 10px cousine; text-transform: uppercase; }
.speces { width: 410px; height: 410px; background-image: url(http://placehold.it/450); padding: 20px; overflow: hidden; }
.specss { width: 380px; height: 380px; padding: 15px; background: rgba(255, 255, 255, .9);  position: relative; top: 0px; right: 450px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;  }
.typ-inf { width: 383px; height: 380px; padding-right: 3px; overflow: auto; text-align: justify; font: 12px calibri; }
.inf-head { text-align: center; font: 20px playfair display; text-transform: lowercase; color: #7e8292; margin: 10px 20px 10px 20px; border-bottom: 1px solid #7e8292; }
.speces:hover .specss { position: relative; right: 0px; top: 0px; }

/* TABS STYLING */
.xatabs { position: relative; width: 560px; height: 615px; }
.xatab { float: left; }
.xatab label { display: block; width: 110px; background: #eee; padding: 2px; position: absolute;  left: 490px; top: 0px;
background: #a0a5bc; color: white; font: 12px playfair display; text-align: center; text-transform: lowercase; -webkit-transition: all .9s ease-in-out; -moz-transition: all .9s ease-in-out; -ms-transition: all .9s ease-in-out; -o-transition: all .9s ease-in-out; transition: all .9s ease-in-out;}
.xatab [type=radio] { display: none; }
.content { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 70px; background: #fbfbfb; padding: 15px; border: 1px solid #e0e0e0; }
[type=radio]:checked ~ label { width: 150px; background: #a0a5bc; font-style:italic; z-index: 2; }
[type=radio]:checked ~ label ~ .content { z-index: 1; }

.spr { width: 320px; padding: 15px; background: #fbfbfb; border: 1px solid #e0e0e0; font: 10px calibri; text-align: justify; margin: 10px; }
.spr h1 { font: 20px playfair display; background: #eee; padding: 20px; color: #fbfbfb; text-align: right; margin-top: -1px; }
</style>

<center><div class="xatabs">

<div class="xatab"><input type="radio" id="xatab-1" name="xatab-group-1" checked>
<div class="content">
<div class="specs_na">Choi Youngjae_{дата рождения<br>
деятельность<br>
ориентация<br>
семейное положение}</div>
<div class="speces" style="background-image: url(http://placehold.it/450);">
<div class="specss"><div class="typ-inf">

<div class="inf-head">АНКЕТА</div>

Енджэ зло ударяет рукой по столу. Очередной фейл, очередное фиаско, очередная катка слита.
- Ебать, что за команда, играю с нубами, блять, ненавижу!
Енджэ 75% своей жизни проводит в компьютерных играх, он не фанат какой-то одной, играет в то, во что захочется именно сегодня. Список игр велик, скил геймера прокачен до того, что он уже с закрытыми глазами может пройти большую часть локаций.
<br><br>
Енджэ учится в Сеульском техническом университете, у него хвосты по информатике и физике, его могут выгнать из общаги за неуплату, но парня это заботит в самую последнюю очередь. Не сказать, что это его не заботит, просто есть дела важнее всех этих бытовых проблем.
<br><br>
Раз в месяц мать присылает ему посылку с домашней едой и деньгами. Енджэ не транжира, но почти все деньги он вкладывает в компьютер, он должен быть мощный. Иногда мама звонит ему, спрашивает, как дела, он врет, что все хорошо, что сессия закрыта на хорошо.
<br><br>
Енджэ очень скучает по дому, по друзьям, которые остались в его родном городе с которыми он может видеться только раз в год, на каникулах. Хотя с ними он частенько играет, но в отличие от него, у них не так много свободного времени.
<br><br>
Енджэ очень общительный и веселый, его знает весь факультет, его частенько зовут на различные тусовки. Его смех слышен везде, его знают как первокурсники, так и пятикурсники, сам же он на третьем курсе. Сложно представить, как его еще не выгнали, с его то беспечным взглядом на жизнь, просто ему везет.
<br><br>
Енджэ хоть с виду и кажется открытым, милым и радостным, но в душе ему очень одиноко, потому, что по сути своей поделиться какими-то переживаниями он не может, все держит в себе, потому, что не нашел того человека, которому бы доверял.
<br><br>
Енджэ любит медленные и немного грустные песни, т.к. считает, что в них вложена душа и чувства автора, в веселых песнях такого нет.
<br><br>
Енджэ любит собак и котов, его бы воля, завел бы, но в общаге этого делать нельзя, а дома остался его любимый пес, по которому он ужасно скучает и просит маму чаще его фоткать и присылать ему фотографии.
<br><br>
Енджэ очень нежный и ласковый, тактильный, чувствительный, любвеобильный, но в то же время он шумный, болтливый, неусидчивый и ветряный. Справиться с этим торнадо чувств и эмоций сложно, но можно.

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

<div style="text-align:right; width: 400px; margin: 5px;">▲▲▲</div></center></div>[/html]