<!--HTML-->
<center>

<style>
.navi a{
    color: #fff!important;
    text-shadow: none!important;
    font-family: roboto;
    font-size: 9px;
}

.face a{
    font-size: 9px;
    color: #fff!important;
    text-transform: uppercase;
    text-shadow: none!important;
    font-family: Roboto;
}


</style>

<div style="background: url(http://i.imgur.com/XBdai5J.png); width: 620px;margin-left: 15px;height: 432px;">


<div class="navi" style="position: absolute;
    margin-left: 223px;
    margin-top: 78px;"><a href="ссылка">анкета</a></div>
<div class="navi" style="position: absolute;
    margin-left: 53px;
    margin-top: 170px;"><a href="ссылка">правила</a></div>
<div class="navi" style="position: absolute;
    margin-left: 47px;
    margin-top: 186px;"><a href="ссылка">акции</a></div>
<div class="navi" style="position: absolute;
    margin-left: 268px;
    margin-top: 240px;"><a href="ссылка">партнерка</a></div>
<div class="navi" style="position: absolute;
    margin-left: 504px;
    margin-top: 164px;"><a href="ссылка">внешности</a></div>
<div class="navi" style="position: absolute;
    margin-left: 383px;
    margin-top: 238px;"><a href="ссылка">концепция</a></div>

<div style="
    position: absolute;
    margin-left: 80px;
    margin-top: 135px;
    width: 415px;
    height: 90px;
    font-size: 10px;
    color: #fff!important;
    font-family: roboto;
    line-height: 10px;
    text-align: center;
    padding: 5px;
    -moz-transform: rotate(5deg); /* Для Firefox */
    -ms-transform: rotate(5deg); /* Для IE */
    -webkit-transform: rotate(5deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(5deg); /* Для Opera */
    transform: rotate(5deg);">

Приветствуем, друг! Ты очутился в Лос-Анджелесе,<br> 
городе мечтателей, кинозвезд и шумных бульваров.<br> 
Знал ли ты, что каждый житель зарегистрирован <br>
на CLICK'e - всемирно известной социальной сети? <br>
Ты еще не там? Тогда быстрей доставай свой <br>
гаджет и кликай!
</div>



<div class="face">
<div style="
    position: absolute;
    margin-left: 50px;
    margin-top: 290px;
    width: 210px;
    height: 85px;
    font-size: 10px;
    color: #fff!important;
    text-transform: uppercase;
    font-family: cuprum;
    line-height: 13px;
    text-align: left;
    padding: 5px;
    overflow-y: auto;">

<!---ЖЕНСКИЕ---> 

<b>Nikolaj Coster-Waldau</b> - <a href="ссылка на профиль">ветреная котлетка</a></br>
<b>Nikolaj Coster-Waldau</b> - <a href="ссылка на профиль">ветреная котлетка</a></br>
<b>Nikolaj Coster-Waldau</b> - <a href="ссылка на профиль">ветреная котлетка</a></br>
<b>Nikolaj Coster-Waldau</b> - <a href="ссылка на профиль">ветреная котлетка</a></br>
<b>Nikolaj Coster-Waldau</b> - <a href="ссылка на профиль">ветреная котлетка</a></br>
<b>Nikolaj Coster-Waldau</b> - <a href="ссылка на профиль">ветреная котлетка</a></br>
<b>Nikolaj Coster-Waldau</b> - <a href="ссылка на профиль">ветреная котлетка</a></br>
<b>Nikolaj Coster-Waldau</b> - <a href="ссылка на профиль">ветреная котлетка</a></br>
<b>Nikolaj Coster-Waldau</b> - <a href="ссылка на профиль">ветреная котлетка</a></br>
</div>

</div>

<div class="face">
<div style="position: absolute;
    margin-left: 352px;
    margin-top: 290px;
    width: 210px;
    height: 85px;
    font-size: 10px;
    color: #fff!important;
    text-transform: uppercase;
    font-family: Cuprum;
    line-height: 13px;
    text-align: left;
    padding: 5px;
    overflow-y: auto;"> 
<!---МУЖСКИЕ--->
<b>Nikolaj Coster-Waldau</b> - <a href="ссылка на профиль">ветреная котлетка</a></br>
<b>Nikolaj Coster-Waldau</b> - <a href="ссылка на профиль">ветреная котлетка</a></br>
<b>Nikolaj Coster-Waldau</b> - <a href="ссылка на профиль">ветреная котлетка</a></br>
<b>Nikolaj Coster-Waldau</b> - <a href="ссылка на профиль">ветреная котлетка</a></br>
<b>Nikolaj Coster-Waldau</b> - <a href="ссылка на профиль">ветреная котлетка</a></br>
<b>Nikolaj Coster-Waldau</b> - <a href="ссылка на профиль">ветреная котлетка</a></br>
<b>Nikolaj Coster-Waldau</b> - <a href="ссылка на профиль">ветреная котлетка</a></br>
<b>Nikolaj Coster-Waldau</b> - <a href="ссылка на профиль">ветреная котлетка</a></br>
<b>Nikolaj Coster-Waldau</b> - <a href="ссылка на профиль">ветреная котлетка</a></br>

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