Вы хотите играть у нас, но не знаете кем? Тогда рады представить Вам первую часть героев нашего города.
В ближайшее время будут добавлены еще акционные персонажи.
Итак, первая шестерка персонажей готова. Будем очень рады, если именно они появятся в первую очередь.
Код:
<!--HTML-->
<center>
<table>
<tr>
<td>
<div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://www.kino-teatr.ru/acter/foto/ros/3127.jpg);">
<div class="hoveraz">
<div class="alpty">
Алексей Журавлёв
</div>
<div class="etyf">
Вернулся домой со службы, подав в отставку в чине капитана. Служил в спецподразделении, чья деятельность под грифом "сверхсекретно". Дома его ждут мать, отец, и младшая сестрёнка. А вот младший брат воспринял возвращение Лёши в штыки, и всячески намекал на то, что он тут лишний.
Возраст: 32 года. Внешность: Илья Носков. ПЕРСОНАЖ ЗАНЯТ
</div>
</div></div></div>
</td>
<td>
<div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://www.kino-teatr.ru/acter/foto/ros/2942.jpg);">
<div class="hoveraz">
<div class="alpty">
Ольга Зорина
</div>
<div class="etyf">
Майор ГРУ, старшая на засекреченном объекте во время чрезвычайных ситуаций. Жесткая и требовательная женщина, но все же женщина, умеющая, однако, быстро реагировать и принимать сложные решения. Возраст: 40 лет. Внешность: Елена Морозова. ПЕРСОНАЖ ЗАНЯТ
</div>
</div></div></div>
</td>
<td>
<div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://www.kino-teatr.ru/acter/foto/ros/275747.jpg);">
<div class="hoveraz">
<div class="alpty">
Сергей Журавлев
</div>
<div class="etyf">
брат Алексея, главарь ОПГ. Его побаиваются местные, даже менты стараются не лезть к нему. Почти 8 последних лет он помогал родителям как мог, ведь старшего брата не было рядом. Думали даже, что Лёша вообще погиб или пропал без вести. Сергей же был уверен, что старший брат просто сбежал от своей семьи, из-за чего затаил на него обиду.
Возраст: 28 лет. Внешность: Дмитрий Ермак ПЕРСОНАЖ ЗАНЯТ
</div>
</div></div></div>
</td>
</tr>
<tr>
<td>
<div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://www.kino-teatr.ru/acter/foto/ros/15183.jpg);">
<div class="hoveraz">
<div class="alpty">
Екатерина Чербенкова
</div>
<div class="etyf">
Работает в библиотеке и подрабатывает в местной столовой. Мать шестилетнего Павлика. Встречалась и с Алексеем Журавлевым до его исчезновения, и с его братом Сергеем. Павлик сын Сергея. Любящая мать, которая сделает все для своего ребенка. Она понимает, что Сергей занимается противозаконными делами, но порвать с ним боится, хотя давно уже не любит его, возможно, и не любила никогда. Ей кажется, что она до сих пор любит Лёшу.
Возраст: 32 года. Внешность: Нина Гогаева
</div>
</div></div></div>
</td>
<td>
<div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://www.kino-teatr.ru/acter/foto/ros/24176.jpg);">
<div class="hoveraz">
<div class="alpty">
Антон Куприянов
</div>
<div class="etyf">
Майор милиции. Одноклассник и друг Лёши Журавлёва. Сын главного врача городской больницы. После произошедшего на Объекте взрыва и последующей ЧС, в связи с гибелью на пожаре начальника ОВД Каменска, взял на себя должность исполняющего обязанности начальника. Вспыльчивый человек, но вполне адекватный. Умеет вовремя остановиться и не натворить лишнего. Трудные решения не умеет принимать быстро, может запаниковать при этом. Женат. Возраст: 32 года.
</div>
</div></div></div>
</td>
<td>
<div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://www.kino-teatr.ru/acter/foto/ros/3761.jpg);">
<div class="hoveraz">
<div class="alpty">
Игорь Корнеев
</div>
<div class="etyf">
Служащий МЧС, капитан. Попал в Каменск сразу после взрыва на Объекте, в составе двух экипажей МЧС, прорвавшись в город до начала ЧС и последующего карантина военных. Толковый парень, хорошо знающий свою работу, явно не кабинетный червь, очень порядочный и отзывчивый. Возраст: 27 лет. Внешность: Евгений Самарин.
</div>
</div></div></div>
</td>
</tr>
</table>
</center>
<link href='https://fonts.googleapis.com/css?family=Oswald|Poppins' rel='stylesheet' type='text/css'>
<style>
#alipz {
width: 190px;
height: 230px;
overflow: hidden;
border: 7px solid #FFFFFF;
box-shadow: 4px 4px 4px #EBEBEB;
border-radius: 3px;
}
.hoveraz {
width: 190px;
height: 230px;
background-color: #FCFCFC;
position: relative;
top: 190px;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
transform: rotate(0deg);
}
#alipz:hover .hoveraz {
top: 0px;
transform: rotate(360deg);
}
.alpty {
padding: 13px;
height: 14px;
color: #FFF;
text-align: center;
background-image: url('http://i.imgur.com/eYDxsWO.png');
font-family: Oswald;
font-size: 22px;
line-height: 14px;
text-transform: uppercase;
}
.etyf {
font-family: georgia;
font-size: 9.5px;
padding: 12px;
height: 170px;
margin: 0px auto;
width: 161px;
background-color: #FAFAFA;
overflow: auto;
color: #222;
border-left: 5px solid #333;
text-align: justify;
line-height: 100%;
}
.txpf {
font-family: courier new;
font-size: 9px;
text-transform: uppercase;
color: #222;
background-color: #FAFAFA;
padding: 3px;
}
.twpt {
font-family: Oswald;
font-size: 25px;
text-transform: uppercase;
color: #FFF;
background-image: url('http://i.imgur.com/eYDxsWO.png');
padding: 24px;
width: 575px;
}
.etyf b {
font-size: 12px;
color: #222;
text-shadow: 2px 1px #D5D4D4;
}
.etyf i {
font-size: 12px;
color: #222;
text-shadow: 2px 1px #D5D4D4;
}
</style>
