<!--HTML-->
<div class="html">
<style>

body {
  background-color: #140f0b;
}
#esmp1 { width: 500px; height: 550px; }

#esmp1 img { transition: .5s all; -webkit-transition: .5s all; transition-delay: 1s; }
#esmp1:hover img { -webkit-filter: grayscale(100%); transition-delay: 0s; }

#esmp1 .hovs { width: 460px; height: 510px; background: rgba(255,255,255,.6); margin-top: -550px; position: relative; opacity: 0; padding: 20px; transition: .5s all; -webkit-transition: .5s all; transition-delay: 0s; }
#esmp1:hover .hovs { opacity: 1; transition-delay: 1s; }

#esmp1 .background { width: 460px; height: 200px; background: url(http://25.media.tumblr.com/tumblr_m8u5q7I7Nt1rd88hpo1_500.gif) bottom; background-size: cover; -webkit-filter: grayscale(.7); }

.text1 {text-align: center; font-size: 13px; line-height: 100%; letter-spacing: 1px;}
</style>
<center><div id="esmp1">
  <img src="http://savepic.ru/8396492.jpg">
  <div class="hovs">
    <div class="background"></div>

<div class="text1"><br><center>Приветствуем Вас на просторах города <b>Чикаго</b>. </center>
<br>
<br>
<br>
<big><right><br>Наш форум создан с любовью к писательскому творчеству, поэтому все, чего хочет наша душа – рассказать незабываемую, увлекательную историю о людях, их ежедневном выборе и ежесекундной борьбе за свои идеалы. Историю, которая заставит вас поверить, что все наши герои – реально существующие люди с вполне реальными проблемами, страхами, переживаниями.</right> 

<br>Если вы хотите стать одним из нас и поведать другим свою  историю – <b>добро пожаловать</b>.</div>
    <div class="bord"></div>
    
  </div>
  
</div></center></div>