<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Gilda+Display' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'>


<style>
.trianglehai {
   width: 0;
   height: 0;
   border-width: 0px 520px 60px 0px;
   border-color: transparent #f7ffd3 transparent transparent;
   position: relative;
   top: 0px;
   right: 0px;
   z-index: 2;
   border-style: solid;
}


.trianglehai1 {
   width: 0;
   height: 0;
   border-width: 0px 520px 80px 0px;
   border-color: transparent #6B8E23 transparent transparent;
   position: relative;
   top: -60px;
   right: 0px;
   z-index: 1;
   border-style: solid;
}

.trianglehai2 {
   width: 0;
   height: 0;
   border-width: 0px 510px 60px 0px;
   border-color: transparent #f7ffd3 transparent transparent;
   border-style: solid;
   top: -60px;
   right: 0px;
   left: 0px; 
   position: relative;
   z-index: 5;
}

.trianglehai20 {
   width: 0;
   height: 0;
   border-width: 0px 510px 60px 0px;
   border-color: transparent #6B8E23 transparent transparent;
   border-style: solid;
   top: -43px;
   right: 0px;
   left: 0px; 
   position: relative;
   z-index: 6;
}

.marinatext {
font-family: Oswald;
font-size: 40px;
color: #FFEC8B;
text-shadow: 1px 0px #f7ffd3, 3px 0px #1b2f2e;
letter-spacing: 3px;
transform: rotate(-353deg);
-o-transform: rotate(-353deg);
-webkit-transform: rotate(-353deg);
-moz-transform: rotate(-353deg);
-ms-transform: rotate(-353deg);
position: relative;
top: 50px;
left: 90px;
z-index: 7;
}

.marinatexttiny {
font-family: Gilda Display;
font-size: 12px;
color: #114c60;
text-shadow: 1px 0px #FFFFFF;
letter-spacing: 3px;
transform: rotate(-353deg);
-o-transform: rotate(-353deg);
-webkit-transform: rotate(-353deg);
-moz-transform: rotate(-353deg);
-ms-transform: rotate(-353deg);
position: relative;
top: 55px;
left: 10px;
z-index: 8;
}

.marinatexttiny2 {
font-family: Oswald;
text-transform: uppercase;
font-size: 12px;
color: #114c60;
text-shadow: 1px 0px #FFFFFF;
letter-spacing: 1px;
line-height: 100%;
text-align: justify;
padding: 5px;
}

.lonely { font-family: Arial; font-size: 10px; line-height: 100%; letter-spacing: 0px; color: #114c60; }

.lonely p:first-line {
color: #6B8E23;
font-family: Arial;
letter-spacing: -1px; 
font-weight:bold;
text-transform: lowercase;
font-size: 11px; }

.lonelyscroll::-webkit-scrollbar { width: 7px; background: #e8e8e8; }
.lonelyscroll::-webkit-scrollbar-thumb { background: #6B8E23; }
.lonelyscroll::-webkit-scrollbar-corner { background: #6B8E23; } 

</style>

<center>

<div style="background: #f7ffd3; width: 500px; height: 600px; padding: 10px;">

<div class="marinatext">HOOLIGANS</div>

<div class="marinatexttiny">january to december, do you want to be a member? hooligans, do you want to be with somebody like me?</div>

<div class="trianglehai20"></div>
<div class="trianglehai2"></div>

<table>

<tr>

<div style="background: url(http://se.uploads.ru/UgmHx.png); width: 500px; height: 300px; margin-top: -120px; z-index: 1;"></div>

</tr>

<tr>

<td width="200px"valign="top">

<div class="Hangyaboly">Голливуд официально распахнул перед вами свои двери. Спешите занять горячие роли, пока их никто не забрал. Так же, внешности, которые были забиты на тестовике, будут придержаны до 27 июля, успейте вовремя стать частью этой истории. </div>

<table cellspacing="1">

<tbody>

<tr>
<td>
<div style="background: #6B8E23; padding: 10px; width: 60px; height: 15px; font-family: Marvel; text-transform: uppercase; font-size: 11px; color: #FFFFFF; text-align: center;"><a href="https://hooligans.rusff.me/viewtopic.php?id=16"><span style="color: #ffffff">faces</span></a></div></td>

<td><div style="background: #6B8E23; padding: 10px; width: 60px; height: 15px; font-family: Marvel; text-transform: uppercase; font-size: 11px; color: #FFFFFF; text-align: center;"><a href="https://hooligans.rusff.me/viewtopic.php?id=10"><span style="color: #ffffff">faq</span></a></div></td>

</tr>
<tr>

<td><div style="background: #6B8E23; padding: 10px; width: 60px; height: 15px; font-family: Marvel; text-transform: uppercase; font-size: 11px; color: #FFFFFF; text-align: center;"><a href="https://hooligans.rusff.me/viewtopic.php?id=8"><span style="color: #ffffff">the plot</span></a></div></td>

<td><div style="background: #6B8E23; padding: 10px; width: 60px; height: 15px; font-family: Marvel; text-transform: uppercase; font-size: 11px; color: #FFFFFF; text-align: center;"><a href="ссылка"><span style="color: #ffffff">about us</span></a></div></td>

</tr>

</tbody>

</table>

</td>

<td width="300px">

<div style="padding: 5px; background: #f7ffd3; z-index: 10; border: 1px dotted #6B8E23;">

<div class="lonely lonelyscroll" style="width: 217px; height: 210px; overflow: auto; text-align: justify; background: #f2f2f2; padding: 5px;">

<p> придержанные внешности <br>
<b>phoebe tonkin, lucy hale</b> - <i>бессрочно</i><br>
<center><b>до 31.07</b></center> <br>
<b>colin o'donoghue</b> for <i>хесус</i> <br>
<center><b>до 1.08</b></center> <br>
<b>kristin kreuk and jensen ackles</b> for <i>сказочник</i> <br>
<br></p>



</div>
</div> 

</td></tr>

</table>

</div> 

<div class="trianglehai"></div>


<div class="trianglehai1"></div>

</center>