.section-img {
margin-top: 54px;
margin-bottom: 50px;
width: 271px;
height: 502px;
box-shadow: 0 9px 21px rgba(0, 0, 0, 0.05);
background-color: #ffffff;
}
.section-text__title {
color: #7f7f7f;
font-family: "Muller Regular", sans-serif;
font-size: 14px;
font-weight: 400;
}
.section-text__subtitle {
color: #393939;
font-family: "Muller Medium", sans-serif;
font-size: 18px;
font-weight: 400;
}
.price__subtitle {
font-family: "Muller Bold", sans-serif;
font-size: 20px;
font-weight: 700;
}
.other-materials {
color: #393939;
font-size: 16px;
line-height: 44px;
}
<section class="section">
<div class="container">
<div class="row">
<div class="col-4">
<div class="section-img">
<!-- /.section-img -->
<div class="images">
<img src="img/door-1.png" alt="Дверь - Краснодеревщик">
</div>
<!-- /.section-img -->
<div class="section-text__title">
Краснодеревщик
</div>
<!-- /.section-text__title -->
<div class="section-text__subtitle">
Цена от <span class="price__subtitle">16 130 Р</span>
</div>
<!-- /.section-text__subtitle -->
</div>
</div>
<!-- /.col-3 -->
<div class="col-4">
<div class="section-img">
<!-- /.section-img -->
<div class="images">
<img src="img/door-2.png" alt="Дверь - Синержи">
</div>
<!-- /.section-img -->
<div class="section-text__title">
Синержи
</div>
<!-- /.section-text__title -->
<div class="section-text__subtitle">
Цена от <span class="price__subtitle">16 130 Р</span>
</div>
<!-- /.section-text__subtitle -->
</div>
</div>
<!-- /.col-3 -->
<div class="col-4">
<div class="section-img">
<div class="images">
<img src="img/door-3.png" alt="Дверь - Блюм Индастри 9 (массив ясеня, бука, дуба) ">
</div>
<!-- /.section-img -->
<div class="section-text__title">
Блюм Индастри 9 <br>
<span class="other-materials">(массив ясеня, бука, дуба)</span>
</div>
<!-- /.section-text__title -->
<div class="section-text__subtitle">
Цена от <span class="price__subtitle">16 130 Р</span>
</div>
<!-- /.section-text__subtitle -->
</div>
</div>
<!-- /.col-3 -->
<div class="col-4">
<div class="section-img">
<!-- /.section-img -->
<div class="images">
<img src="img/door-4.png" alt="Дверь - Свобода ">
</div>
<!-- /.section-img -->
<div class="section-text__title">
Свобода
</div>
<!-- /.section-text__title -->
<div class="section-text__subtitle">
Цена от <span class="price__subtitle">16 130 Р</span>
</div>
<!-- /.section-text__subtitle -->
</div>
</div>
<!-- /.col-3 -->
<div class="col-4">
<div class="section-img">
<!-- /.section-img -->
<div class="images">
<img src="img/door-5.png" alt="Дверь - Mezzo Porte">
</div>
<!-- /.section-img -->
<div class="section-text__title">
Mezzo Porte
</div>
<!-- /.section-text__title -->
<div class="section-text__subtitle">
Цена от <span class="price__subtitle">16 130 Р</span>
</div>
<!-- /.section-text__subtitle -->
</div>
</div>
<!-- /.col-3 -->
<div class="col-4">
<div class="section-img">
<!-- /.section-img -->
<div class="images">
<img src="img/door-6.png" alt="Дверь - Двери Вид (из массива сосны)">
</div>
<!-- /.section-img -->
<div class="section-text__title">
Двери Вид <br>
(из массива сосны)
</div>
<!-- /.section-text__title -->
<div class="section-text__subtitle">
Цена от <span class="price__subtitle">16 130 Р</span>
</div>
<!-- /.section-text__subtitle -->
</div>
</div>
<!-- /.col-3 -->
</div>
<!-- </div> -->
</div>
<!-- /.container -->
</section>
<!-- /.section -->
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Необходимо сделать парсер внутренних ссылок на сайтМне нужен первые 5 ссылки который находится в ('table',id='js-mutual-table')
помогите составить правильно post-запрос на jsЕсть сайт, на который отправляется post запрос
При ховере на MenuItem он приобретает не совсем привлекательный видКак менять тот же Background при ховере что бы он не был таким? Вот как он выглядит...