landing_page

.landing_page > div > section > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.landing_page > div > section > ul > li {
    margin: 0 7px 20px;
    width: 176px;
    height: 190px;
    background: #ddd;
    display: inline-block
}

.landing_page > div > section > ul > li > a {
    display: table;
    position: relative;
    height: 160px;
    width: 100%;
    background: aqua;
    overflow: auto;
    transition: all 0.2s;
    text-decoration: none;
}

.landing_page > div > section > ul > li > a > div {
    color: #fff;
    background: #07f;
    transition: all 0.2s;
    line-height: 1.5;
}

.landing_page > div > section > ul > li > a:hover {
  background: #eee;
}

.landing_page > div > section > ul > li > a:hover > div {
  background: #0af;
}

.landing_page > div > section > ul > li > figure {
    width: 100px;
    height: 30px;
    background: yellow;
    float: right;
    display: block;
    padding: 0;
    margin: 0;
}
.landing_page > div > section > ul > li > a > figure {
    height: 120px;
    overflow: hidden;
}
.landing_page > div > section > ul > li > a > figure > img {
    width: 176px;
    height: 120px;
}
Spinner

Login