.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 -->
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Перевод документов на английский язык: Важность и ключевые аспекты
Какие существуют виды рекламных бордов и как выбрать подходящий?
Необходимо сделать парсер внутренних ссылок на сайтМне нужен первые 5 ссылки который находится в ('table',id='js-mutual-table')
помогите составить правильно post-запрос на jsЕсть сайт, на который отправляется post запрос
При ховере на MenuItem он приобретает не совсем привлекательный видКак менять тот же Background при ховере что бы он не был таким? Вот как он выглядит...