<!--HTML-->
<center>
<div class="stellaa"><div class="stellaa3"><div class="stellaa4">

<div class="stellaa7">

25/ Военный по контракту / Ченнинг Татум

</div></div>

<div class="stellaa5">
Ты ранее был мои возлюбленным, но потом ушел служить и во время войны не смог подвести свою команду. Ты остался там и поддержал свою команду. Я в городе. нам пришлось разойтись и ради благотворительности , я вышла замуж, но и ты и я знаем как сильно я люблю тебя. Ты был моей первой любовью и я надеюсь, что будешь последней. Своего мужа я не люблю, он инвалид и я могу только лишь заботится о нем. Ты приезжал, мы переспали, но я отказалась тебя ждать. Разнеся половину квартиры моего мужа ты исчез и каждый вечер я смотрю на наш мостик, надеясь что ты будешь там, проверяю телефон и жду тебя у дома твоего отца, который к сожалению погиб. Каждый вечер я гуляю на нашем мосту, надеясь, что когда то тебя увижу, но прошел год. Ты не появился и я стала терять надежду. Но до сих пор, смотря на отлив и закат одновременно, я вспоминаю как первый раз ты спас мою сумку и этим покорил мое сердце. 
История взята с фильма "Дорогой Джон" 

</div></div><div class="stellaa2"></div><div class="stellaa6"></div></div>
</center>

<style type="text/css">
.stellaa {
   width: 454px;
   min-height: 200px;
   padding: 20px;
   border: 3px double #eee;
   background-color: #f6f6f6;
   position: relative
   }

.stellaa2 {
   width: 494px;
   height: 100px;
   position: absolute;
   top: 0;
   left: 0;
   background-color: #d2ccbb;
   z-index: 1
   }

.stellaa3 {
   width: 412px;
   background-color: #fcfcfc;
   border: 1px solid #eee;
   padding: 20px;
   position: relative;
   z-index: 4
   }

.stellaa4 {
   width: 410px;
   height: 150px;
/*IMAGE*/
   background-image: url("http://savepic.su/6752921.gif");
   background-position: center center;
   border: 1px solid #eee;
   position: relative;
   overflow: hidden;
/*TAKE THESE OUT IF YOU DON'T WANT YOUR IMG TO RESIZE*/
   -webkit-background-size: auto 200px;
   background-size: auto 200px;
   }

.stellaa7 {
   width: 400px;
   padding: 5px;
   background-color: #d2ccbb;
   text-align: center;
   font-family: verdana;
   color: #f6f6f6;
   text-transform: uppercase;
   font-weight: 600;
   font-size: 10px;
   line-height: 100%;
   position: absolute;
   bottom: -50px;
   left: 0;
   -moz-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   -webkit-transition: all 0.4s linear;
   transition: all 0.4s linear
   }

.stellaa4:hover .stellaa7 {
   bottom: 0;
   -moz-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   -webkit-transition: all 0.4s linear;
   transition: all 0.4s linear
   }

.stellaa5 {
   width: 370px;
   line-height: 100%;
   padding: 20px;
   padding-bottom: 0;
   font-family: verdana;
   font-size: 10px;
   color: #444;
   text-align: justify
   }

.stellaa5 b {
   color: #D9ABFF;
   font-size: 12px
   }

.stellaa5 i {
   color: #E59CBD;
   font-weight: 600
   }

.stellaa6 {
   width: 494px;
   height: 100px;
   position: absolute;
   bottom: 0;
   left: 0;
   background-color: #d2ccbb;
   z-index: 1
   }

</style></div>