Уже который день питаюсь сверстать:
Смысл в пом, что при наведении на заголовок должна появляться рамка, дополнительный текст и кнопка.
Сделал 4 блока:
html
<div class="container">
<section class="advantages one"></section>
<section class="advantages two"></section>
<section class="advantages three"></section>
<section class="advantages four"></section>
</div>
css
.container::before,
.container::after {
content: "";
display: table;
}
.container::after {
clear: both;
}
.advantages {
float: left;
width: 50%;
height: 50vh;
}
.advantages.one {
background-image: url(/img/1.jpg);
}
.advantages.two {
background-image: url(/img/2.jpg);
}
.advantages.three {
background-image: url(/img/3.jpg);
}
.advantages.four {
background-image: url(/img/4.jpg);
}
И на этом все. Как я только не про бывал крутить. Может кто-то дать малейшую наводку по реализации?