<!--HTML-->

<center>
<div class="inception-main">
<div class="inception-fon">

<name> Dakota Johnson<br>
<profes>актриса, модель</profes>
</name> </div>

<div class="inception-much">
<div class="inception-much img">
<!-- ЗДЕСЬ ВСТАВЛЯЕМ ССЫЛКУ НА ИЗОБРАЖЕНИЕ ВМЕСТО PLACEHOLD И ТД -->
<img src="http://31.media.tumblr.com/71ec2254ca26aba1a8198463e389a769/tumblr_myyfqbdqIu1s9qyxio3_250.gif">
<rusname>имя и фамилия на русском</rusname>
<rusnameinfo>Дакота Джонсон</rusnameinfo>
<birth>дата рождения и возраст</birth>
<birthinfo>04.10.1989 г. | 27 лет</birthinfo>
<love>ваша ориентация</love>
<loveinfo>гетеросексуальна</loveinfo>


  <info><div class="tabs">
<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked="">
<label for="tab-1">ОБО МНЕ</label>
<div class="content">
<div class="codebox">
<center><br><br>
<table><tbody><tr><td>
<div style="        overflow-x: auto;
    width: 180px;
    position: absolute;
    height: 200px;
    border: 1px solid #f4f4ff;
    border-radius: 20px;
    background-color: #eaeafb;
    box-shadow: 0 0 30px #dbddf2 inset;
    font-size: 10px;
    text-align: justify;
    font-family: arial;
    margin-top: -38px;
    padding: 7px;
    margin-left: -9px;">
<div style="   
    font-size: 16px;
    color: #76889e;
    text-shadow: 1px 1px 0px #ffffff;
    font-family: Bebas Neue;
    margin-top: 7px;">
<center><b>I ❤ THIS:</b></center></div>
<br>утренние пробежки; классическая музыка; сумрак; вечерние парки; отдых на берегу лесного озера; книги; фантастические фильмы/сериалы; игры на приставке; работать; необычные сценарии; новые знакомства; акустические концерты; необычные люди; карие глаза; тонкие пальцы; разговоры за чашкой чая; сигареты; домашние бургеры; энергетические напитки; путешествия по Европе;

</div></td>
<td>
<div style="        overflow-x: auto;
    width: 180px;
    position: absolute;
    height: 200px;
    border: 1px solid #f4f4ff;
    border-radius: 20px;
    background-color: #eaeafb;
    box-shadow: 0 0 30px #dbddf2 inset;
    font-size: 10px;
    text-align: justify;
    margin-left: -2px;
    padding: 7px;
    font-family: arial;
    margin-top: -38px;">
<div style="   
    font-size: 16px;
    color: #76889e;
    text-shadow: 1px 1px 0px #ffffff;
    font-family: Bebas Neue;
    margin-top: 7px;"><center><b>I ✖ THIS:</b></center></div>
<br>жара; социальные сети; торговые центры; метро; высота; американский юмор; поздно просыпаться; яичница/омлет; молоко/молочные продукты; сидеть без дела; самовлюбленные люди; растворимый кофе; ночные клубы; сми; сплетни; психологическое давление; ультиматумы; морепродукты; алкоголь; врачи; больницы; самодуры; электронная музыка; тверк; современная поп-индустрия;
</div></td></tr></tbody></table>
</center>

</div></div>

<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2" style="margin-top: 1px;">ОТНОШЕНИЯ</label>
<div class="content">
<div class="codebox">

<div style="height: auto;"><center><div style="    background: #b7b4c0;
    padding: 0.5px;
    font-family: bebas neue;
    text-align: center;
    color: white;
    text-shadow: #6e6f6f 1px 1px 0px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;">ИМЯ ФАМИЛИЯ</div>
<center>ОПИСАНИЕ ОТНОШЕНИЙ</center><br>
<div style="background: #b7b4c0;
    padding: 0.5px;
    font-family: bebas neue;
    text-align: center;
    color: white;
    text-shadow: #6e6f6f 1px 1px 0px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;">ИМЯ ФАМИЛИЯ</div>
<center>ОПИСАНИЕ ОТНОШЕНИЙ</center><br>
<div style="background: #b7b4c0;
    padding: 0.5px;
    font-family: bebas neue;
    text-align: center;
    color: white;
    text-shadow: #6e6f6f 1px 1px 0px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;">ИМЯ ФАМИЛИЯ</div>
<center>ОПИСАНИЕ ОТНОШЕНИЙ</center><br>

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

<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3" style="margin-top: 1px;">ХРОНОЛОГИЯ</label>
<div class="content">
<div class="codebox">

<div style="background: #b7b4c0;
    padding: 0.5px;
    font-family: bebas neue;
    text-align: center;
    color: white;
    text-shadow: #6e6f6f 1px 1px 0px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;">НАЗВАНИЕ ЭПИЗОДА</div>
БЛАБЛА</div></center>

</div></div>

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


</div></center>