[html]<style type="text/css">
@import url(https://fonts.googleapis.com/css?family … 00,600,700);
@import url(https://fonts.googleapis.com/css?family … ant+Infant);
.snip1527 {
  box-shadow: 10px 10px 10px rgb(11, 64, 89);
  color: #ffffff;
  float: left;
  font-family: 'Lato', Arial, sans-serif;
  font-size: 16px;
  margin: 10px 1%;
  max-width: 400px;
  min-width: 400px;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
}

.snip1527 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.snip1527 img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
}

.snip1527 figcaption {
  padding: 25px 20px 25px;
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.snip1527 figcaption:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #700877;
  content: '';
  background: -moz-linear-gradient(90deg, #6ba5c7 0%, #0d415a 100%, #ff2759 100%);
  background: -webkit-linear-gradient(90deg, #6ba5c7 0%, #0d415a 100%, #ff2759 100%);
  background: linear-gradient(90deg, #6ba5c7 0%, #0d415a 100%, #ff2759 100%);
  opacity: 0.8;
  z-index: -1;
}

.snip1527 .date {
  background-color: #fff;
  border-radius: 50%;
  color: #0d415a;
  font-size: 18px;
  font-weight: 700;
  min-height: 48px;
  min-width: 48px;
  padding: 10px 0;
  position: absolute;
  right: 15px;
  text-align: center;
  text-transform: uppercase;
  top: -25px;
}

.snip1527 .date span {
  display: block;
  line-height: 14px;
}

.snip1527 .date .month {
  font-size: 11px;
}

.snip1527 h3,
.snip1527 p {
  margin: 0;
  padding: 0;
}

.snip1527 h3 {
  display: inline-block;
  font-weight: 700;
  letter-spacing: -0.4px;
  margin-bottom: 5px;
}

.snip1527 p {
  font-size: 0.8em;
  line-height: 1.6em;
  margin-bottom: 0px;
}

.snip1527 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

.snip1527:hover img,
.snip1527.hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Demo purposes only */

body1 {
  background-color: #212121;
}
</style>

<script>

</script>

<figure class="snip1527">
  <div class="image"><img src="https://image.ibb.co/nPYn2T/moon.png" alt="pr-sample23" /></div>
  <figcaption>
      <div class="date"><span class="day"><a href="#">☾</a></span></div>
    <h3>Луна</h3>
    <p>

      Селена, королева Луны, правила Лунным Альянсом вместе со своими союзниками.  Столица Альянса<br>
Правители: Queen Serenity и King Endymion; дети: Prince Caelestis 19 y.o., Princess Selenity (Chibiusa) 17 y.o.
    </p>
  </figcaption>
</figure><figure class="snip1527">
  <div class="image"><img src="https://image.ibb.co/cVdLNT/merc.png" alt="pr-sample23" /></div>
  <figcaption>
    <div class="date"><span class="day">☿</span><span class="month">Oct</span></div>
    <h3>Меркурий</h3>
    <p>

      Меркурий - Гермес и Антианейра; дочь Амелия. Главная библиотека и центр магических исследований и артефакторики.<br>
Правители: Queen Amelia и King Zoisite; дети: Princess Amber 21 y.o., Princess Topaz 19 y.o., Prince Larimar 18 y.o.
    </p>
  </figcaption>
  <a href="#"></a>
</figure><figure class="snip1527">
  <div class="image"><img src="https://image.ibb.co/h9ybwo/ven.png" alt="pr-sample23" /></div>
  <figcaption>
    <div class="date"><span class="day">♀</span><span class="month">Oct</span></div>
    <h3>Венера</h3>
    <p>

      Венера - Гефест и Афродита; дочь Минория. Культурный центр и главный курорт. <br>
Правители: Queen Minoria и King Kunzite; дети: Prince Kyanite 23 y.o., Princess Lilith 17 y.o.
    </p>
  </figcaption>
  <a href="#"></a>
</figure><figure class="snip1527">
  <div class="image"><img src="https://image.ibb.co/jMuGwo/image.png" alt="pr-sample23" /></div>
  <figcaption>
    <div class="date"><span class="day">♂</span><span class="month">Oct</span></div>
    <h3>Марс</h3>
    <p>

      Арес и Хриса; сыновья Фобос и Деймос (близнецы, от Афродиты), дочь Рейана (от законной жены). Внутренние военные силы Альянса.<br>
Правители: Queen Reyana и King Jadeite; дети: Prince Opal 23 y.o., Princess Aleksandrina 19 y.o., Prince Aventurine 17 y.o.
    </p>
  </figcaption>
  <a href="#"></a>
</figure><figure class="snip1527">
  <div class="image"><img src="https://image.ibb.co/jHbUGo/image.png" /></div>
  <figcaption>
    <div class="date"><span class="day">♃</span><span class="month">Oct</span></div>
    <h3>Юпитер</h3>
    <p>

      Зевс и Гера; дочь Литавра. Заповедник.<br>
Правители: Queen Litavra и King Nephrite; дети: Prince Onyx 22 y.o., Princess Lorelea 20 y.o
    </p>
  </figcaption>
  <a href="#"></a>
</figure><figure class="snip1527">
  <div class="image"><img src="https://image.ibb.co/bAiWU8/image.png" alt="pr-sample23" /></div>
  <figcaption>
    <div class="date"><span class="day">♄</span><span class="month">Oct</span></div>
    <h3>Сатурн</h3>
    <p>

      Крон и Рея; дочь Сатия. Центр исследования реинкарнаций. <br>
Queen Satiya и King Micanor (Yaten); дети: Prince Cryolite 19 y.o., Princess Sylvana 17 y.o.
    </p>
  </figcaption>
  <a href="#"></a>
</figure><figure class="snip1527">
  <div class="image"><img src="https://image.ibb.co/eDN3bo/uran.png" alt="pr-sample23" /></div>
  <figcaption>
    <div class="date"><span class="day">♅</span><span class="month">Oct</span></div>
    <h3>Уран</h3>
    <p>

      Каэлум и Гея; дочь Хаура. Внешние военные силы Альянса.<br>
Правители: Queen Haura и King Lazurite (Seya); дети: Prince Agate 20 y.o., Princess Celesta 18 y.o
    </p>
  </figcaption>
  <a href="#"></a>
</figure><figure class="snip1527">
  <div class="image"><img src="https://image.ibb.co/gVsrU8/nep.png" alt="pr-sample23" /></div>
  <figcaption>
    <div class="date"><span class="day">♆</span><span class="month">Oct</span></div>
    <h3>Нептун</h3>
    <p>

      Посейдон и Амфитрита; дочь Милена. Главный поставщик морепродуктов и прорицателей.<br>
Правители: Queen Milena и King Leonard (Taiki); дети: Prince Aquamarine 21 y.o., Princess Calypso 17 y.o.
    </p>
  </figcaption>
  <a href="#"></a>
</figure><figure class="snip1527">
  <div class="image"><img src="https://image.ibb.co/ehjuhT/plut.png" alt="pr-sample23" /></div>
  <figcaption>
    <div class="date"><span class="day">♇</span><span class="month">Oct</span></div>
    <h3>Плутон</h3>
    <p>

      Изначально покровителем планеты был Хронос, на момент войны с Металлией давно отошедший от дел и слившийся со своей стихией времени, оставив планету на попечение своего праправнука, Аида и его супругу Персефону, с дочерью Пеллар.
  Родина ювелирного искусства Альянса.<br>
Правители: Queen Pellar и King Demand; дети: Prince Charon 25 y.o., Prince Vesuvianite 21 y.o., Princess Aira 19 y.o.
    </p>
  </figcaption>
  <a href="#"></a>
</figure><figure class="snip1527">
  <div class="image"><img src="https://image.ibb.co/kN73bo/nem.png" /></div>
  <figcaption>
    <div class="date"><span class="day">➤</span><span class="month">Oct</span></div>
    <h3>Немезис</h3>
    <p>

      Славится на весь Альянс своими мастерами магических доспехов.<br>
Правители: Queen Olania и King Sapphire; дети: Prince Amethysto 19 y.o, Princess Jacinth 17 y.o.
    </p>
  </figcaption>
  <a href="#"></a>
</figure>[/html]