.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 -->
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости