<!--HTML-->
<center><div class="yulyamolodec">
<div class="amcon"><img src="http://placehold.it/100x100" style="max-height: 160px; max-width: 160px;"></div>
<div class="amtitle">LIKETIME вместе со мной ищет тебя!</div>

<div style="    margin:39px 136px;">

<div class="amsong1">

<div>artist - song title 
</div>
<div>artist - song title 
</div>
<div>artist - song title 
</div>
<div>artist - song title 
</div>
</div></div>


<div style="margin-top: 130px;">
<div id="jet"><div class="jet_steckbrief"><div class="jet_tableiste"><div class="jet_tab"><input type="radio" id="jet_tab-1" name="jet_tab-group-1" checked=""><label for="jet_tab-1">friends</label><div class="jet_content"><div class="jet_inhalt"><div class="jet_charaktertext">
<div style="    margin-top: -2px;">
<table layout="    table-layout: fixed;
    width: 100%;">
<tr>
<td>

<div class="rl">
<div class="amcon2">
<img src="http://placehold.it/50x50"></div>
<div class="rn">name surname</div>
<div class="rr">sub</div>

<div class="rt">Hetkel kustutustööd käivad. Kolmanda väljasõidu astme järgi on kohal kõik maakonna päästjad. Esialgsetel andmetel inimesi põlevas majas ei olnud. Hetkel kustutustööd käivad. Kolmanda väljasõidu astme järgi on kohal kõik maakonna päästjad. Esialgsetel andmetel inimesi põlevas majas ei olnud.</div>


</div></td>
<td><div class="rl">
<div class="amcon2">
<img src="http://placehold.it/50x50"></div>
<div class="rn">name surname</div>
<div class="rr">sub</div>

<div class="rt">Hetkel kustutustööd käivad. Kolmanda väljasõidu astme järgi on kohal kõik maakonna päästjad. Esialgsetel andmetel inimesi põlevas majas ei olnud. Hetkel kustutustööd käivad. Kolmanda väljasõidu astme järgi on kohal kõik maakonna päästjad. Esialgsetel andmetel inimesi põlevas majas ei olnud.</div></div></td>
</tr>
<tr>
<td><div class="rl">5</div></td>
<td><div class="rl">6</div></td>
</tr>
<tr>
<td><div class="rl">7</div></td>
<td><div class="rl">8</div></td>
</tr>
</table>

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

<div class="jet_tab"><input type="radio" id="jet_tab-5" name="jet_tab-group-1"><label for="jet_tab-5">story</label><div class="jet_content"><div class="jet_inhalt"><div class="jet_lebenslauf">

<div class="jet_icon"><div class="jet_iconrahmen">
<div class="jet_milestone">

00/00/00

</div></div></div> <div id="linkos">

<a href="ССЫЛКА НА ЭПИЗОД">НАЗВАНИЕ ЭПИЗОДА</a> [игрок & игрок]</div><br>
<div id="played">
текст-описание эпизода </div><br>
<br>


<div class="jet_icon"><div class="jet_iconrahmen">
<div class="jet_milestone">

00/00/00

</div></div></div> <div id="linkos">

<a href="ССЫЛКА НА ЭПИЗОД">НАЗВАНИЕ ЭПИЗОДА</a> [игрок & игрок]</div><br>
<div id="played">
текст-описание эпизода </div><br>
<br>

<div class="jet_icon"><div class="jet_iconrahmen">
<div class="jet_milestone">

00/00/00

</div></div></div> <div id="linkos">

<a href="ССЫЛКА НА ЭПИЗОД">НАЗВАНИЕ ЭПИЗОДА</a> [игрок & игрок]</div><br>
<div id="played">
текст-описание эпизода </div><br>
<br>


<div class="jet_icon"><div class="jet_iconrahmen">
<div class="jet_milestone">

00/00/00

</div></div></div> <div id="linkos">

<a href="ССЫЛКА НА ЭПИЗОД">НАЗВАНИЕ ЭПИЗОДА</a> [игрок & игрок]</div><br>
<div id="played">
текст-описание эпизода </div><br>
<br>


<div class="jet_icon"><div class="jet_iconrahmen">
<div class="jet_milestone">

00/00/00

</div></div></div> <div id="linkos">

<a href="ССЫЛКА НА ЭПИЗОД">НАЗВАНИЕ ЭПИЗОДА</a> [игрок & игрок]</div><br>
<div id="played">
текст-описание эпизода </div><br>
<br>


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

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

<style>
.rl {
    height: 110px;
    background: #e0e0e0;
    padding: 10px;
    box-shadow: inset 0 0 13px #c3c3c3d1;
    border: 1px dashed #ffffff;
}

.rn {
    width: 151px;
    text-align: center;
    margin-left: 59px;
    margin-top: -53px;
    font-family: bebasneueregular;
    font-size: 16px;
    background-color: #c7c7c7;
    padding-bottom: 4px;
    padding-top: 4px;

}

.rr {width: 150px;
    text-align: center;
    margin-left: 50px;
    margin-top: 7px;
    font-family: myriad pro;
    background-color: #ffffffb3;}

.rt {
background-color: #efefef;
    width: 205px;
    margin-top: 12px;
    height: 46px;
    font-family: myriad pro;
    padding-top: 3px;
    padding-left: 4px;
    padding-bottom: 3px;
    padding-right: 4px;
    font-size: 10px;
    text-transform: lowercase;
    overflow: auto;
    line-height: 125%;
}
.tt {
    width: 474px;
    text-align: justify;
    margin: 15.4em 1.8em 1.4em 1.8em;
    padding-bottom: 31px;
    padding-left: 1em;
    padding-top: 7px;
    padding-right: 1em;
    border-style: none;
    border-left: 2px dashed #ffffff;
    border-right: 2px dashed #ffffff;
    border-color: #aaadaf;
    background-color: #fbfbfb;
    box-shadow: inset 0 0 40px #0000000d;
    height: 194px;
    font-family: myriad pro;
    font-size: 12px;
    overflow-y: auto;
    overflow-x: hidden;
    line-height: 134%;
}
.yulyamolodec {    width: 550px;
    height: 489px;
    padding: 7px;
    background-color: rgb(212, 212, 212);
    border: 1px solid #c1c1c1;
    box-shadow: inset 0px 0px 6px #f1f1f1;
    margin-left: 19px;}

.amcon {
    width: 100px;
    height: 100px;
    border: 4px solid rgba(255, 255, 255, 0.88);
    position: absolute;
    box-shadow: 0 0 5px #00000033;
    margin-top: 10px;
    margin-left: 10px;
}
.amcon2 {
    width: 50px;
    height: 50px;
    border: 4px solid rgba(255, 255, 255, 0.88);
    box-shadow: 0 0 5px #00000033;}

.amtitle {
    font-size: 20px;
    color: #7b8da2;
    font-family: bebasneueregular!important;
    font-weight: 700;
    text-align: center;
    position: absolute;
    margin-left: 203px;
    padding: 10px;
    text-shadow: 1px 0 0 #f9f9f9;
}

.amsong1 {    font-family: bebasneueregular!important;
    padding: 3px;
    color: #ffffff;
    font-size: 13px;
    position: absolute;
    text-align: center;
    width: 394px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: rgb(135, 150, 169);
    border: 1px solid #9daabb;
    box-shadow: inset 0px 0px 6px #c9d3e0;
    text-shadow: 0 0 3px white;
    height: 71px;
    line-height: 133%;
}
.amlyrics {
    color: #636363;
    text-align: justify;
    font-family: myriad pro!important;
    font-size: 12px;
    letter-spacing: 1px;
    width: 312px;
    height: 80px;
    position: absolute;
    line-height: 11px;
    margin: 73px 197px;
    text-transform: lowercase;
}

</style>