89 р.
<style>
.catalog.item-views.table .item .foot {
margin: 0;
max-width:initial;
}
.item-views .item .btn.btn-danger {
font-size: 12px;
}
.bx_filter_block .btn.btn-sm {
font-size: 10px;
line-height: 12px;
padding: 7px 14px 6px;
}
.pull-center {
text-align: center;
}
.advantages-block { /* Табличка с иконками */
box-shadow: 0 0 10px rgba(156,204,75,0.30);
background: #ffffff;
padding: 40px 76px 20px;
max-width: 100%;
width: 100%;
margin: 0 auto;
}
.advantages-block__title { /* Заголовок в табличке с иконками */
text-align: center;
font-size: 13px;
font-weight: bold;
line-height: 1.4;
margin: 0 0 26px;
}
.advantages-list { /* Кол-во столбцов в таблице */
column-count: 2;
}
.advantage-card { /* Стили между иконкой и текстов в таблице */
padding-left: 70px;
min-height: 50px;
position: relative;
margin-bottom: 26px;
max-width: 336px;
width: 100%;
}
.advantage-card__icon { /* Стили иконок */
display: block;
position: absolute;
left: 0;
top: 5px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
width: 42px;
height: 42px;
}
/* Начало парсера иконок */
.advantage-card__icon--av1 {
background-image: url(/local/templates/aspro-scorp/images/promo-icons/money.jpg);
}
.advantage-card__icon--av2 {
background-image: url(/local/templates/aspro-scorp/images/promo-icons/delivery.jpg);
}
.advantage-card__icon--av3 {
background-image: url(/local/templates/aspro-scorp/images/promo-icons/gift.jpg);
}
/* Конец парсера иконок */
.advantage-card__text { /* Текст в таблице */
font-size: 13px;
line-height: 1.6;
}
.advantage-card__text b { /* Текст в таблице (жирный) */
font-weight: bold;
}
.buttons-kit {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0 -10px;
list-style: none;
}
.buttons-kit li {
padding: 10px;
}
.buttons-kit li:last-child {
width: 100%;
}
.btn { /* Обычная кнопка */
border-radius: 1px;
font-size: 16px;
cursor: pointer;
transition: all 0.3s ease;
padding: 7px 12px 8px;
line-height: 1.4;
text-align: center;
text-transform: uppercase;
}
btn1 { /* Круглые кнопки */
border-radius: 100px;
font-size: 16px;
cursor: pointer;
transition: all 0.3s ease;
padding: 7px 12px 8px;
line-height: 1.4;
text-align: center;
text-transform: uppercase;
}
.btn.btn-xs { /* Очень маленькая кнопка */
font-size: 10px;
line-height: 12px;
padding: 7px 14px 6px;
}
.btn.btn-lg { /* Кнопка на всю ширину */
font-size: 16px;
padding: 10px 18px 10px;
}
.btn.btn-sm { /* Маленькая кнопка */
font-size: 10px;
padding: 10px 18px 10px;
}
.btn-default {
background-color: #a6ce39;
border-color: #a6ce39;
color: #ffffff !important;
}
.btn-default.white:hover, .btn-default.white:active, .btn-default.white:focus { /* Наведение на белую кнопку */
background-color: #a6ce39;
border-color: #a6ce39;
color: #ffffff !important;
}
.catalog.item-views.table .item .buy_block .buttons .btn { /* Кнопка в карточке товара, которые внизу */
margin: 1px 0 0;
width: 100%;
padding: 5px 14px 3px;
}
/* Адаптив таблицы с иконками */
@media screen and (max-width: 991px) {
.advantages-block {
padding: 30px 36px 20px;
max-width: 100%;
}
.advantage-card__text {
font-size: 14px;
}
.advantage-card {
padding-left: 60px;
}
}
@media screen and (max-width: 767px) {
.advantages-list {
column-count: 1;
}
.advantages-block {
max-width: 480px;
}
}
@media screen and (max-width: 400px) {
.advantages-block {
padding: 20px 16px 10px;
max-width: 100%;
}
.advantage-card__text {
font-size: 13px;
}}
</style>
<div class="container">
<h3 class="advantages-block__title">Мы (ГазонCity) заботимся о вас и об удобстве ваших покупок</h3>
<div class="row">
<div class="col-sm-4">
<div class="advantage-card">
<i class="advantage-card__icon advantage-card__icon--av1"></i>
<p class="advantage-card__text">
Безопасная оплата банковской картой
</p>
</div>
</div>
<div class="col-sm-4">
<div class="advantage-card">
<i class="advantage-card__icon advantage-card__icon--av2"></i>
<p class="advantage-card__text">
Оперативная доставка по РФ
</p>
</div>
</div>
<div class="col-sm-4">
<div class="advantage-card">
<i class="advantage-card__icon advantage-card__icon--av3"></i>
<p class="advantage-card__text">
Подарки за отзывы в социальных сетях
</p>
</div>
</div>
</div>
</div>
</div>
<div>
<b>100% МАВРИТАНСКИЙ – смесь различных видов сортовых семян газона и диких полевых трав, выведенная в ведущих научных институтах мира и произведенная в ЕС. Состав:</b>
</div>
<ul>
<li> Райграс пастбищный - 50%, Райграс однолетний - 34%, Полевица тонкая - 1%, Душистый колосок - 0,2%, Овсяница красная волосовидная - 2%, Костец прямой - 1%, Овсяница красная измененная - 2%, Тимофеевка луговая - 1%, Райграс высокий - 1%, Эспарцет виколистный - 0,4%, Клевер красный - 0,2%, Лядвинец рогатый - 0,2%, Мятлик луговой - 1%, Овсяница красная - 4%, Дикие цветы и травы - 2%</li>
</ul>
<div>
</div>
<div>
<b>Основные особенности газона 100% МАВРИТАНСКИЙ:</b>
</div>
<ul>
<li>Уход за газоном исключает стрижку.</li>
<li>Не требователен к грунту. Отлично приживается как в богатой, так и в бедной почве.</li>
<li>Яркие соцветия, длительный период цветения.</li>
<li>Выступает превосходным декоративным элементом сада без особых усилий.</li>
</ul>
<div>
</div>
<div>
<b>В чем же преимущество именно сортовых газонов?</b>
</div>
<div>
<div>
</div>
<div>
Каждый вид газонной травы обладает большим набором характеристик. При помощи селекции достигается усиление определенного его качества – главной характеристики сорта.
</div>
</div>
<br>
<br>
<div class="row">
<div class="col-sm-6">
<p class="advantage-card__text b">
Если у вас остались вопросы по продукту, мы с радостью на них ответим в наших социальных сетях
</p>
</div>
<div class="col-sm-3">
<div>
<a href="https://vk.com/im?media=&sel=-55525508" target="_blank" class="btn btn-default white btn-block btn-lg">ВКонтакте</a>
</div>
</div>
<div class="col-sm-3">
<div>
<a href="https://www.facebook.com/messages/t/gazoncity" target="_blank" class="btn btn-default white btn-block btn-lg">Facebook</a>
</div>
</div>
</div>