<!--HTML-->
<style type="text/css">

.trigger {
  width: 468px;
  height: 308px;
  padding: 0px;
  background-color: #000;
  background-image: url(http://funkyimg.com/i/UmZW.jpg);
  overflow: hidden;
  box-shadow: 0px 0px 1px #999;
}

.triggerlyric {
  width: 420px;
  height: 24px;
  background-color: rgba(255, 255, 255, 0.8); 
  font: normal normal normal 10px/100% 'Oswald';
  color: #666b7e;
  text-align: center;
  text-transform: uppercase;
letter-spacing: 2px;
line-height: 24px;}

.triggercont { 
  width: 420px; 
  height: 260px; 
  background-color: rgba(255, 255, 255, 0.9); 
  padding: 10px;
    font: normal normal normal 11px/105% arial;
    text-align: justify;
    letter-spacing: 1px;
  color: #000;
  overflow: auto; } 

.triggercont c2 {
  font: normal normal normal 10px/100% 'Oswald';
  color: #6A667E;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #fff, 2px 2px 0px #a1bbef;
    margin: 0px;
padding-top: 5px;
  }

.triggercont c1 {
    text-align: center;
  font: normal normal normal 20px/100% 'Oswald';
  color: #6A667E;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #fff, 2px 2px 0px #a1bbef;
    margin: 0px;
padding-bottom: 5px;
  }

.triggerbig { 
  position: relative;
  left: 0px; 
  -webkit-transition: all .5s ease-out; 
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out; 
  -ms-transition: all .5s ease-out; } 

.trigger:hover .triggerbig {
  left: -468px; }
</style>

<center>
<div class="trigger">
<div class="triggerbig" style="width: 936px; height: 308px;">
<div style="width: 468px; height: 308px; float: left;">
<div style="position:relative; top: 140px;">
<div style="width: 420px; height: 4px; background-color: rgba(255,255,255,0.3);"></div>

<div class="triggerlyric">welcome home, son!</div>

<div style="width: 420px; height: 4px; background-color: rgba(255,255,255,0.3);"></div>
</div></div>
<div style=" width: 468px; height: 308px; float: right;">
<div style="width: 440px; height: 4px; margin-top: 10px; background-color: rgba(255,255,255,0.3);"></div>

<div class="triggercont">

<center><c1> Our city isn't perfect</c1><br>
<c2>  The saddest thing I know </c2></center>
<div style="width: 400px; height: 1px; background-color: #6A667E; margin-top: 7px; margin-bottom: 7px; margin-left: 10px;"></div>
<div style="padding: 0px 20px 7px 20px;">

Мы ленивые задницы и не смогли придумать достойного приветствия. Но, понимаете, всё дело в том, что мы совершенно точно уверены - вам у нас понравится. И вам. И вам тоже. И вот тебе, да, не надо оглядываться, именно тебе, дорогой друг. Или... постой. Это первый размер? Прости.  Миллион извинений.<br>
Так вот. О чем это я. Очередной реал. Правда, классно? Нет, мы не хотим сказать, что мы круче других. Мы - просто мы. И все дело в том, что мы добавили в общую канву еще и сюжет. И получилось совсем классно. И мы обязательно будем разбавлять вашу серую реальную жизнь своими квестами. Про бандитов, купленных адвокатов, безалаберных врачей и  ботаников с россыпью прыщей вперемешку с веснушками. Это - Таллахасси, и, совершенно очевидно, что, возможно, где-то вы уже такое видели. Но какая разница? Если вы дочитали до этого места, то вам определенно стоит у нас задержаться. Всем вам. Звучит как угроза, да?<br>
Это она и есть.

</div></div>

<div style="width: 440px; height: 4px; background-color: rgba(255,255,255,0.3);"></div>
</div></div></div>
</center>

Имя знаменитости → ваш ник