<!--HTML-->
<center>
<table>
 <tr>
   <td>
     <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://funkyimg.com/i/2RFNw.png);">
<div class="hoveraz">
 <div class="alpty">
РА
 </div>
 <div class="etyf">
<br>Главный бог Египетского пантеона. Солнечный бог, бог всего сущего, владыка бесконечности
<br><b>Лояльность:</b> Египетские боги
<br><b>Настроения:</b> Агрессивные
<br>Не сдержан и вспыльчив. Принимает поспешные решения, последствиями которых чаще всего становится необратимый хаос. Прислушивается к советам Тота.
 </div>
</div></div></div>
   </td>
   
   <td>
      <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://funkyimg.com/i/2RFQc.png);">
<div class="hoveraz">
 <div class="alpty">
ТОТ
 </div>
 <div class="etyf">
<br>Бог знаний, мудрости, покровитель библиотек и мирового порядка.
<br><b>Лояльность:</b> Египетские боги
<br><b>Настроения:</b> Нейтральные
<br>Любит различные загадки, логические задачи. Старается не вмешиваться в разного рода конфликты, но всегда готов помочь дельным советом. Спокоен, не агрессивен, негативно относится к войнам и нарушениям равновесия в мире
 </div>
</div></div></div>
   </td>
   
   <td>
     <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://funkyimg.com/i/2RFRw.png);">
<div class="hoveraz">
 <div class="alpty">
АНУБИС
 </div>
 <div class="etyf">
<br>Проводник умерших в загробный мир. Сын Осириса.
<br><b>Лояльность:</b> Египетские боги
<br><b>Настроения:</b> Нейтральные
<br>Анубис всегда принимает сторону своего отца. Свою родную мать - Нефтиду, не воспринимает, настоящей считает богиню Исиду, что нашла и спасла его еще в младенчестве. Обладает познаниями в магии.
 </div>
</div></div></div>
   </td>
 </tr>
<tr>
   <td>
     <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://funkyimg.com/i/2RFT1.png);">
<div class="hoveraz">
<div class="alpty">
ИСИДА
</div>
<div class="etyf">
<br>Олицетворение вечной женственности – супруги и матери. Является супругой Осириса, который так же является её братом.
<br><b>Лояльность:</b> Египетские боги
<br><b>Настроения:</b> Нейтральные
<br>Из-за своего добродушного характера она против различного рода конфликтов, если только ситуация не касается её мужа.  За ним она готова последовать через все врат ада, а значит если он ввязался в войну, то и она будет рядом, поддерживать его что бы ни случилось.
</div>
</div></div></div>
   </td>
   
   <td>
      <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://funkyimg.com/i/2RFTM.png);">
<div class="hoveraz">
<div class="alpty">
ОСИРИС
</div>
<div class="etyf">
<br>Бог подземного мира. Брат и муж Исиды, отец Анубиса.
<br><b>Лояльность:</b> Египетские боги
<br><b>Настроения:</b> Нейтральные
<br>Про него говорят "Вечно добрый и юный". Он очень милостив, добродушен и некофликтен
</div>
</div></div></div>
   </td>
   
   <td>
     <div id="alipz">
<div style="width: 190px; height: 230px;
background-image: url(http://funkyimg.com/i/2RFVs.png);">
<div class="hoveraz">
<div class="alpty">
СЕТ
</div>
<div class="etyf">
<br>Бог хаоса, разрушения и войны.
<br><b>Лояльность:</b> Египетские боги
<br><b>Настроения:</b> Агрессивные
<br>Он бог-воин и этим все сказано. С Осирисом у Сета "особые" отношения - они ненавидят друг друга, за то что жена Сета изменила ему с Осирисом с помощью обмана. Он всегда ищет повод для начала войны, ему не нужно долго рассуждать, объяснять, просто дайте только маленький повод и вокруг начнется буря.
</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: 11px;
     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>