<!--HTML--><div class="htmldemo">
<div style="width: 100%; margin-left: 5px;">
<center>
<div class="telo">
<div class="privet">


<span style=" font-size: 9px; font-family: 'Roboto', sans-serif;
 color: #fff; ">
Добро пожаловать в Чикаго, путник! Располагайся, не стесняйся. Ведь, ты пришел прямо по адресу. Самое время заполнить шаблон ниже и придержать внешность. Все внешности бронируются ровно на 3 дня, но вы всегда можете её продлить, написав в гостевую. Внешности для заявок выкупаются в банке.<br></span></div>

<div class="info">
<span style=" font-size: 9px; font-family: 'Roboto', sans-serif;
 color: #fff; ">Внешности бронируются строго на 2 дня, после вы можете продлить лишь 2 раза.<br></span></div>

<div class="priderjano">
<span style="font-size: 10px; font-family: 'Roboto', sans-serif; color: #fff;"><br>
<br>до ХХ.ХХ<br>
- - - - - - - - - -<br>
name - ник<br><br>
name - ник<br>
name - ник<br>
name - ник<br>
<br>до ХХ.ХХ<br>
- - - - - - - - - -<br>
name - ник<br>
name - ник<br>
name - ник<br>
name - ник<br>
name - ник<br>
name - ник<br>
<br>до ХХ.ХХ<br>
- - - - - - - - - -<br>
name - ник<br>
name - ник<br>
<br>до ХХ.ХХ<br>
- - - - - - - - - -<br>
name - ник<br>

</span>

</div>

<div class="kupleno">
<span style=" font-size: 10px; font-family: 'Roboto', sans-serif; color: #fff; ">
<br><center>name<br>
name<br>
name<br>
name<br>
name<br>
name<br>
name<br></center>
</span></div>


<div class="li01"><a href="ссылка"><img src="http://funkyimg.com/i/2mZzG.png"></a></div>
<div class="li02"><a href="ссылка"><img src="http://funkyimg.com/i/2mZzH.png"></a></div>
<div class="li03"><a href="ссылка"><img src="http://funkyimg.com/i/2mZzL.png"></a></div>
<div class="li04"><a href="ссылка"><img src="http://funkyimg.com/i/2mZzK.png"></a></div>
<div class="li05"><a href="ссылка"><img src="http://funkyimg.com/i/2mZzJ.png"></a></div>

</div>



<style type="text/css">
.telo { width: 610px; height: 450px; margin-left: -3px; padding-top: 0px; padding-bottom: 0px; display: block; background: url(http://funkyimg.com/i/2n3bW.png);} 

.info {position: absolute; width: 160px; height: 55px; line-height: 90%; text-align: center; padding-top: 226px; padding-left: 30px;}

.privet {position: absolute; width: 250px; height: 75px; line-height: 90%; text-align: center; padding-top: 200px; padding-left: 330px;}

.kupleno {position: absolute; width: 200px; height: 110px; line-height: 79%; text-align: center; margin-top: 300px; margin-left: 358px; overflow: auto;}

.priderjano {position: absolute; width: 200px; height: 110px; line-height: 79%; text-align: center; margin-top: 300px; margin-left: 48px; overflow: auto;}



.li01{position: absolute; width:80px; height: 26px; line-height: 73%; text-align: left; padding-top: 30px; padding-left: 480px; z-index: 800;}
.li02{position: absolute; width:80px; height: 26px; line-height: 73%; text-align: left; padding-top: 60px; padding-left: 455px; z-index: 700;}
.li03{position: absolute; width:80px; height: 26px; line-height: 73%; text-align: left; padding-top: 105px; padding-left: 515px; z-index: 600;}
.li04{position: absolute; width:80px; height: 26px; line-height: 73%; text-align: left; padding-top: 135px; padding-left: 495px;  z-index: 500;}
.li05{position: absolute; width:80px; height: 26px; line-height: 73%; text-align: left; padding-top: 165px; padding-left: 525px;}

</style>

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